/* Landing layout for the login page: top bar with Sign In in the corner, centered hero, login in a popup. */
#loginPage.landing .auth-shell{display:block !important;max-width:none !important;padding:0 !important;min-height:100vh;background:radial-gradient(900px 500px at 80% 10%,rgba(201,162,39,.12),transparent 60%),radial-gradient(800px 500px at 10% 90%,rgba(15,31,77,.08),transparent 60%),#f8f9fc;}
#loginPage.landing .auth-left{max-width:1100px;margin:0 auto;padding:110px 24px 60px !important;text-align:center;background:none !important;box-shadow:none !important;border:0 !important;}
#loginPage.landing .auth-left::before,#loginPage.landing .auth-left::after{display:none !important;}
#loginPage.landing .auth-nav{position:fixed;top:0;left:0;right:0;z-index:50;margin:0 !important;padding:14px 32px !important;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,31,77,.08);border-radius:0 !important;display:flex;align-items:center;justify-content:space-between;gap:16px;}
#loginPage.landing .auth-brand{text-align:left;}
#loginPage.landing .auth-nav-links{display:flex;align-items:center;gap:6px;}
#loginPage.landing .auth-nav-links a,#loginPage.landing .auth-nav-links button{background:none !important;border:0 !important;box-shadow:none !important;color:#475569 !important;font-weight:600;}
#loginPage.landing .auth-nav-links a:hover,#loginPage.landing .auth-nav-links button:hover{color:var(--navy) !important;}
#loginPage.landing .auth-nav-links .lp-signin{background:var(--navy) !important;color:#fff !important;padding:10px 20px !important;border-radius:12px !important;box-shadow:0 8px 20px rgba(15,31,77,.25) !important;margin-left:6px;}
#loginPage.landing .auth-nav-links .lp-signin:hover{background:var(--navy-2) !important;color:#fff !important;}
#loginPage.landing .hero-badge{margin:0 auto 18px;}
#loginPage.landing .hero-title{font-size:clamp(34px,5.6vw,64px) !important;line-height:1.08 !important;letter-spacing:-.02em;max-width:900px;margin:0 auto 18px !important;}
#loginPage.landing .hero-subtitle{max-width:680px;margin:0 auto 28px !important;font-size:17px;}
#loginPage.landing .hero-actions{justify-content:center;}
#loginPage.landing .hero-actions .btn-primary{width:auto !important;}
#loginPage.landing .hero-highlights{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:820px;margin:48px auto 0 !important;}
#loginPage.landing .hero-highlight{background:#fff !important;border:1px solid rgba(15,31,77,.08) !important;border-radius:18px !important;padding:22px !important;box-shadow:0 10px 30px rgba(15,31,77,.06) !important;transition:transform .25s,box-shadow .25s;}
#loginPage.landing .hero-highlight:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,31,77,.12) !important;}
#loginPage.landing .hero-points{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:900px;margin:56px auto 0 !important;text-align:left;}
#loginPage.landing .hero-point{background:#fff !important;border:1px solid rgba(15,31,77,.08) !important;border-radius:18px !important;padding:20px !important;}
#loginPage.landing .hero-socials{justify-content:center;margin-top:40px !important;}
/* Login popup */
#loginPage.landing .auth-right{display:none !important;position:fixed !important;inset:0;z-index:100;background:rgba(10,18,40,.55) !important;backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:20px !important;overflow-y:auto;min-height:0 !important;}
#loginPage.landing .auth-right::before{display:none !important;}
#loginPage.landing.lp-open .auth-right{display:flex !important;}
#loginPage.landing .auth-panel{background:#fff !important;backdrop-filter:none !important;position:relative;max-width:460px;width:100%;margin:auto;max-height:none;}
.lp-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:0;background:#f1f5f9;color:#0f1f4d;cursor:pointer;font-size:16px;z-index:2;}
.lp-close:hover{background:#e2e8f0;}
@media (max-width:768px){
  #loginPage.landing .auth-nav{padding:10px 14px !important;}
  #loginPage.landing .auth-brand-text p{display:none;}
  #loginPage.landing .auth-nav-links>:not(.lp-signin){display:none !important;}
  #loginPage.landing .auth-left{padding-top:90px !important;}
  #loginPage.landing .hero-highlights{grid-template-columns:1fr;}
  #loginPage.landing .hero-points{grid-template-columns:1fr;}
}
#lpExtra{text-align:center;margin-top:70px;}
.lp-trust p{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#64748b;font-weight:700;margin:0 0 16px;}
.lp-trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;color:#0f1f4d;font-weight:700;opacity:.75;}
.lp-trust-row i{color:var(--gold);margin-right:6px;}
.lp-sec{margin-top:90px;}
.lp-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7a5f0c;background:var(--gold-soft);padding:6px 12px;border-radius:999px;margin-bottom:14px;}
.lp-sec h2,.lp-cta h2{font-size:clamp(28px,3.6vw,42px);letter-spacing:-.02em;color:#0f1f4d;margin:0 0 12px;}
.lp-lead{color:#64748b;max-width:620px;margin:0 auto 36px;}
.lp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:left;}
.lp-card{background:#fff;border:1px solid rgba(15,31,77,.08);border-radius:18px;padding:24px;transition:transform .25s,box-shadow .25s;}
.lp-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,31,77,.1);}
.lp-ic{width:44px;height:44px;border-radius:12px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.lp-card h3{font-size:17px;color:#0f1f4d;margin:0 0 6px;}.lp-card p{font-size:14px;color:#64748b;margin:0;line-height:1.6;}
.lp-rating{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;background:#fff;border:1px solid rgba(15,31,77,.08);border-radius:20px;padding:28px;max-width:720px;margin:24px auto 0;}
.lp-score{font-size:56px;font-weight:800;color:#0f1f4d;line-height:1;}.lp-stars{color:var(--gold);font-size:24px;letter-spacing:2px;}.lp-rsub{color:#64748b;font-size:14px;text-align:left;}
.lp-gbtn{background:var(--navy);color:#fff !important;padding:12px 18px;border-radius:12px;font-weight:700;text-decoration:none;}
.lp-faq{max-width:780px;margin:24px auto 0;text-align:left;display:grid;gap:12px;}
.lp-faq details{background:#fff;border:1px solid rgba(15,31,77,.08);border-radius:16px;padding:0 22px;}
.lp-faq summary{list-style:none;cursor:pointer;padding:20px 0;font-weight:700;color:#0f1f4d;display:flex;justify-content:space-between;gap:14px;}
.lp-faq summary::-webkit-details-marker{display:none;}.lp-faq summary i{color:var(--gold);transition:transform .2s;}
.lp-faq details[open] summary i{transform:rotate(45deg);}.lp-faq details p{margin:0 0 20px;color:#64748b;line-height:1.7;}
.lp-cta{margin-top:90px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;border-radius:24px;padding:56px 24px;}
.lp-cta h2{color:#fff;}.lp-cta p{color:rgba(255,255,255,.75);margin:0 0 24px;}
.lp-cta-btn{background:var(--gold);color:#0f1f4d;border:0;padding:14px 26px;border-radius:12px;font-weight:800;font-family:inherit;font-size:15px;cursor:pointer;}
.lp-foot{margin-top:70px;text-align:left;border-top:1px solid rgba(15,31,77,.08);padding-top:44px;}
.lp-fcols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:28px;}
.lp-fcols h4{color:#0f1f4d;margin:0 0 14px;font-size:15px;}
.lp-fcols a{display:block;color:#64748b;text-decoration:none;margin-bottom:10px;font-size:14px;}.lp-fcols a:hover{color:#0f1f4d;}
.lp-fcols p{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 10px;}.lp-fcols p i{color:var(--gold);width:18px;}
.lp-fbrand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:#0f1f4d;margin-bottom:12px;}
.lp-fbrand span{width:38px;height:38px;border-radius:10px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;}
.lp-fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid rgba(15,31,77,.08);margin-top:30px;padding-top:20px;font-size:13px;color:#64748b;}
@media(max-width:900px){.lp-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.lp-fcols{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.lp-grid,.lp-fcols{grid-template-columns:1fr;}.lp-sec{margin-top:64px;}}
/* Simple, clean login popup */
#loginPage.landing .auth-panel .login-support,#loginPage.landing .auth-panel .panel-side-btn,#loginPage.landing .auth-panel .auth-panel-top,#loginPage.landing .auth-panel .auth-subtitle{display:none !important;}
#loginPage.landing .auth-panel :is(.created-by,.creator-badge,[class*="credit"]){display:none !important;}
#loginPage.landing .auth-panel{padding:32px !important;border-radius:20px !important;}
#loginPage.landing .auth-panel .auth-extra-actions{display:none !important;}
#loginPage.landing .auth-right>.auth-panel.lp-reg{display:none !important;}
#loginPage.landing.lp-register .auth-right>.auth-panel:not(.lp-reg){display:none !important;}
#loginPage.landing.lp-register .auth-right>.auth-panel.lp-reg{display:block !important;}
/* Sign in / Create account as a separate full page (f64-style) instead of a popup. */
#loginPage.landing .auth-right{background:#f8f9fc !important;backdrop-filter:none !important;flex-direction:column;justify-content:center;}
#loginPage.landing.lp-open .auth-left{display:none !important;}
#loginPage.landing.lp-open{overflow:hidden;}
#loginPage.landing .auth-right .lp-close{display:none !important;}
.lp-back{width:100%;max-width:440px;margin:0 auto 12px;background:none;border:0;color:#475569;font:600 14px inherit;font-family:inherit;cursor:pointer;text-align:left;padding:4px 0;display:flex;align-items:center;gap:8px;}
.lp-back:hover{color:var(--navy);}
#loginPage.landing .auth-right>.auth-panel{width:100%;max-width:440px;margin:0 auto;border:1px solid rgba(15,31,77,.1);box-shadow:0 10px 30px rgba(15,31,77,.08) !important;}
/* f64-style auth card details */
#loginPage.landing .auth-right{background:#fff !important;}
#loginPage.landing .auth-right>.auth-panel::before,#loginPage.landing .auth-right>.auth-panel::after{display:none !important;}
#loginPage.landing .auth-right>.auth-panel{border-radius:16px !important;padding:32px !important;}
#loginPage.landing .auth-right>.auth-panel h2,#loginPage.landing .auth-right>.auth-panel .auth-title{font-size:24px !important;margin:0 0 4px !important;}
#loginPage.landing .auth-right>.auth-panel label{text-transform:none !important;letter-spacing:0 !important;font-size:14px !important;color:#0f172a !important;font-weight:600 !important;}
.lp-abrand{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-weight:800;font-size:20px;color:var(--navy);}
.lp-abrand span{width:40px;height:40px;border-radius:10px;background:var(--navy);color:var(--gold,#c9a227);display:flex;align-items:center;justify-content:center;font-size:20px;}
.lp-asub{color:#64748b;font-size:14px;margin:0 0 18px;}
@media(max-width:600px){#loginPage.landing .auth-right{padding:16px !important;}#loginPage.landing .auth-right>.auth-panel{padding:24px !important;}}
/* f64-style mobile header: logo left, menu button right, dropdown menu. */
.lp-burger{display:none;}
@media(max-width:768px){
  #loginPage.landing .auth-nav{flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:space-between !important;padding:10px 16px !important;}
  #loginPage.landing .auth-brand{width:auto !important;justify-content:flex-start !important;gap:10px !important;}
  #loginPage.landing .auth-brand-icon{width:40px !important;height:40px !important;font-size:18px !important;border-radius:10px !important;}
  #loginPage.landing .auth-brand-text h2{font-size:17px !important;margin:0 !important;}
  .lp-burger{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:var(--navy);font-size:22px;cursor:pointer;}
  #loginPage.landing .auth-nav.lp-menu .lp-burger{background:#f1f5f9;}
  #loginPage.landing .auth-nav-links{display:none !important;}
  #loginPage.landing .auth-nav.lp-menu .auth-nav-links{display:flex !important;flex-direction:column;align-items:stretch;gap:0;position:absolute;top:100%;left:0;right:0;background:#fff;padding:12px 24px 22px;border-bottom:1px solid rgba(15,31,77,.08);box-shadow:0 18px 30px rgba(15,31,77,.1);}
  #loginPage.landing .auth-nav.lp-menu .auth-nav-links>*{display:block !important;width:100% !important;text-align:left;padding:14px 0 !important;font-size:17px !important;}
  #loginPage.landing .auth-nav.lp-menu .auth-nav-links .lp-signin{margin-top:10px;text-align:center;padding:14px !important;border-radius:12px !important;color:#fff !important;background:var(--navy) !important;}
  #loginPage.landing .auth-left{padding-top:96px !important;}
}
/* f64 layout parity: nav, hero rating row, 4 stat cards, full-width CTA. */
body:has(#loginPage.landing.active) #siteFooter{display:none !important;}
#loginPage.landing .hero-points,#loginPage.landing .hero-socials{display:none !important;}
#loginPage.landing .auth-nav-links .lp-ntext{color:#475569 !important;}
#loginPage.landing .hero-actions .btn-secondary-hero{background:#fff !important;border:2px solid var(--navy) !important;color:var(--navy) !important;box-shadow:none !important;}
.lp-hrate{display:flex;align-items:center;justify-content:center;gap:12px;margin:26px 0 8px;flex-wrap:wrap;}
.lp-avs{display:flex;}.lp-avs span{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;border:2px solid #fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-left:-9px;}
.lp-avs span:first-child{margin-left:0;}.lp-avs span:nth-child(even){background:#24356b;}
.lp-hrate-t{text-align:left;font-size:13px;color:#475569;line-height:1.35;}.lp-hrate-t b{color:#0f1f4d;}.lp-hrate-t .s{color:var(--gold,#c9a227);letter-spacing:1px;}
#loginPage.landing .hero-highlights{display:grid !important;grid-template-columns:repeat(4,150px) !important;justify-content:center;gap:16px !important;margin-top:34px !important;}
#loginPage.landing .hero-highlight{padding:20px 12px !important;text-align:center;}
#loginPage.landing .hero-highlight .lp-sic{width:40px;height:40px;border-radius:10px;background:var(--navy);color:var(--gold,#c9a227);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;}
#loginPage.landing .hero-highlight .num{font-size:22px !important;}
#loginPage.landing .hero-highlight .lbl{font-size:12px !important;}
.lp-cta{border-radius:0 !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;padding:90px 24px !important;background:linear-gradient(135deg,#0b1636,var(--navy)) !important;}
.lp-cta-btn{background:#fff !important;color:var(--navy) !important;}
.lp-fsoc{display:flex;gap:8px;margin-top:12px;}.lp-fsoc a{width:34px;height:34px;border-radius:50%;background:#eef1f8;color:var(--navy);display:flex;align-items:center;justify-content:center;}
@media(max-width:768px){#loginPage.landing .hero-highlights{grid-template-columns:repeat(2,1fr) !important;max-width:340px;margin-left:auto !important;margin-right:auto !important;}}
.lp-dev{display:flex;justify-content:center;padding:18px 0 6px;}
.lp-dev button{background:#fff;border:1px solid rgba(15,31,77,.15);color:var(--navy);padding:9px 18px;border-radius:999px;font:700 13px inherit;font-family:inherit;cursor:pointer;display:inline-flex;gap:8px;align-items:center;}
.lp-dev button:hover{background:var(--navy);color:#fff;}