

[data-theme="dark"]{
  --bg:#08090d;
  --surface:#11141a;
  --surface2:#1a1e28;
  --border:rgba(255,255,255,.06);
  --border-strong:rgba(255,255,255,.12);
  --text:#e8eaf0;
  --text-dim:#7d8590;
  --card-shadow:rgba(0,0,0,.5);
  --nav-bg:rgba(14,16,22,.72);
  --nav-border:rgba(255,255,255,.07);
}
[data-theme="light"]{
  --bg:#eef0f5;
  --surface:#ffffff;
  --surface2:#f2f4f9;
  --border:#e0e4ea;
  --border-strong:#c6cdd8;
  --text:#1a1d24;
  --text-dim:#7a8499;
  --card-shadow:rgba(0,0,0,.1);
  --nav-bg:rgba(255,255,255,.78);
  --nav-border:rgba(0,0,0,.06);
}
:root{
  --gold:#c9a84c;
  --gold2:#f0d080;
  --green:#5cc488;
  --red:#e05555;
  --radius:14px;
  --radius-sm:10px;
  --radius-lg:20px;

  --ease:cubic-bezier(.32,.72,0,1);              
  --ease-out:cubic-bezier(.23,1,.32,1);          
  --ease-in-out:cubic-bezier(.77,0,.175,1);      
  --ease-drawer:cubic-bezier(.32,.72,0,1);       
  --shadow-card:0 1px 0 rgba(255,255,255,.04) inset, 0 12px 36px -22px var(--card-shadow);
  --shadow-nav:0 1px 0 rgba(255,255,255,.04) inset, 0 18px 50px -22px rgba(0,0,0,.6);
  --shadow-glow-gold:0 12px 32px -16px rgba(201,168,76,.55);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

html,body{
  background:var(--bg);
  color:var(--text);
  font-family:'Space Grotesk',sans-serif;
  font-size:14.5px;
  min-height:100vh;
  overflow-x:hidden; 
  -webkit-font-smoothing:antialiased;
}
body{position:relative;isolation:isolate;}
body::before{
  content:'';position:fixed;top:-300px;left:50%;transform:translateX(-50%);
  width:1200px;height:900px;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at center,rgba(201,168,76,.06) 0%,transparent 60%);filter:blur(60px);
}
body::after{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.02;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

a{color:inherit;text-decoration:none;}
button{font-family:inherit;}
input,textarea,select{font-family:inherit;}

nav{
  display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:18px;
  width:min(1180px,calc(100% - 36px));margin:20px auto 0;padding:12px 18px;
  border-radius:999px;
  background:var(--nav-bg);
  border:1px solid var(--nav-border);
  box-shadow:var(--shadow-nav);
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
  position:sticky;top:14px;z-index:100;
}
.nav-logo{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;padding:0 6px 0 8px;}
.nav-logo-mark{width:28px;height:28px;object-fit:contain;flex-shrink:0;display:block;}

.nav-wordmark{display:inline-flex;align-items:center;}
.nav-wordmark img{height:22px;width:auto;display:block;}
.nav-wordmark.small img{height:18px;}
.nav-wordmark .nlw-light{display:none;}
[data-theme="light"] .nav-wordmark .nlw-dark{display:none;}
[data-theme="light"] .nav-wordmark .nlw-light{display:block;}

.nav-mega-btn{
  display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;
  width:38px;height:38px;border-radius:50%;
  background:transparent;border:1px solid var(--nav-border);color:var(--text-dim);cursor:pointer;
  transition:background 160ms var(--ease-out),border-color 160ms var(--ease-out),color 160ms var(--ease-out);
}
.nav-mega-btn:hover{color:var(--text);border-color:rgba(201,168,76,.4);background:rgba(255,255,255,.05);}
[data-theme="light"] .nav-mega-btn:hover{background:rgba(0,0,0,.04);}
.nav-mega-btn.open{color:var(--gold);border-color:rgba(201,168,76,.45);background:rgba(201,168,76,.1);}
.nav-mega-btn svg{position:absolute;transition:opacity 180ms var(--ease-out),transform 220ms var(--ease-out);}
.nav-mega-btn .nmb-x{opacity:0;transform:rotate(-90deg) scale(.6);}
.nav-mega-btn.open .nmb-bars{opacity:0;transform:rotate(90deg) scale(.6);}
.nav-mega-btn.open .nmb-x{opacity:1;transform:rotate(0) scale(1);}

.mega-panel{
  position:absolute;top:calc(100% + 12px);left:0;right:0;z-index:110;
  background:var(--surface);border:1px solid var(--border);border-radius:24px;
  box-shadow:0 30px 80px -28px rgba(0,0,0,.7);
  padding:28px 30px;
  grid-template-columns:repeat(5,1fr) 200px;gap:8px 22px;
  display:none;
  opacity:0;transform:translateY(-8px);
  transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out);
}
.mega-panel.open{display:grid;}
.mega-panel.in{opacity:1;transform:translateY(0);}
.mega-col{display:flex;flex-direction:column;gap:1px;min-width:0;}
.mega-col-title,.mega-side-title{
  font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold);margin:0 0 10px 8px;
}
.mega-col a,.mega-side a,.mega-side button{
  display:block;width:100%;font-family:'Space Grotesk',sans-serif;font-size:13.5px;font-weight:500;color:var(--text-dim);
  padding:8px 8px;border-radius:9px;text-decoration:none;text-align:left;background:none;border:none;cursor:pointer;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:color 150ms var(--ease-out),background 150ms var(--ease-out);
}
.mega-col a:hover,.mega-side a:hover,.mega-side button:hover{color:var(--text);background:rgba(255,255,255,.05);}
[data-theme="light"] .mega-col a:hover,[data-theme="light"] .mega-side a:hover,[data-theme="light"] .mega-side button:hover{background:rgba(0,0,0,.04);}
.mega-side{border-left:1px solid var(--border);padding-left:22px;display:flex;flex-direction:column;}
@media(max-width:980px){
  .mega-panel{grid-template-columns:repeat(2,1fr);}
  .mega-side{grid-column:span 2;border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:16px;margin-top:8px;}
}

.nav-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center;justify-self:center;}
.nav-link{
  font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:500;letter-spacing:.02em;
  padding:8px 14px;border-radius:999px;cursor:pointer;
  color:var(--text-dim);
  transition:color .25s var(--ease),background .25s var(--ease);
  text-decoration:none;
  background:transparent;border:none;
}
.nav-link:hover{color:var(--text);background:rgba(255,255,255,.05);}
[data-theme="light"] .nav-link:hover{background:rgba(0,0,0,.04);}
.nav-link.active{color:var(--gold);background:rgba(201,168,76,.1);}
.nav-link:focus-visible,.nav-btn:focus-visible,.cta-pill:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}

.nav-cta{display:flex;align-items:center;gap:8px;}
.nav-btn{
  font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:500;letter-spacing:.02em;
  padding:8px 14px;border-radius:999px;cursor:pointer;border:none;
  background:transparent;color:var(--text-dim);
  transition:color 160ms var(--ease-out),background 160ms var(--ease-out),transform 140ms var(--ease-out);
}
.nav-btn:hover{color:var(--text);background:rgba(255,255,255,.05);}
.nav-btn:active{transform:scale(.97);}
[data-theme="light"] .nav-btn:hover{background:rgba(0,0,0,.04);}

.cta-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 7px 7px 16px;border-radius:999px;
  background:var(--gold);color:#0a0c10;border:none;
  font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;letter-spacing:-.005em;
  cursor:pointer;text-decoration:none;
  transition:background 180ms var(--ease-out),transform 160ms var(--ease-out),box-shadow 200ms var(--ease-out);
}
.cta-pill:hover{background:var(--gold2);transform:translateY(-1px);box-shadow:var(--shadow-glow-gold);}
.cta-pill:active{transform:scale(.97);transition-duration:80ms;}
.cta-pill.primary{padding:11px 11px 11px 22px;font-size:14.5px;}
.cta-arrow{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:50%;background:rgba(10,12,16,.12);color:#0a0c10;
  transition:background 180ms var(--ease-out),transform 200ms var(--ease-out);
}
.cta-pill:hover .cta-arrow{background:rgba(10,12,16,.2);transform:translate(2px,-1px) scale(1.05);}

.btn-ghost{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 18px;border-radius:999px;
  background:transparent;color:var(--text-dim);
  border:1px solid var(--border);
  font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:500;letter-spacing:.02em;
  cursor:pointer;text-decoration:none;
  transition:color 160ms var(--ease-out),border-color 180ms var(--ease-out),background 160ms var(--ease-out),transform 140ms var(--ease-out);
}
.btn-ghost:hover{color:var(--text);border-color:rgba(201,168,76,.5);background:rgba(255,255,255,.02);}
.btn-ghost:active{transform:scale(.97);transition-duration:80ms;}

.btn-gold{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:9px 18px;border-radius:999px;
  background:var(--gold);color:#0a0c10;border:1px solid var(--gold);
  font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;letter-spacing:.01em;
  cursor:pointer;text-decoration:none;
  transition:background 180ms var(--ease-out),border-color 180ms var(--ease-out),transform 160ms var(--ease-out),box-shadow 200ms var(--ease-out);
}
.btn-gold:hover{background:var(--gold2);border-color:var(--gold2);transform:translateY(-1px);box-shadow:var(--shadow-glow-gold);}
.btn-gold:active{transform:scale(.97);transition-duration:80ms;}
.btn-gold:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;}

.btn-danger{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 18px;border-radius:999px;
  background:transparent;color:var(--red);
  border:1px solid rgba(224,85,85,.35);
  font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:500;letter-spacing:.02em;
  cursor:pointer;
  transition:color 160ms var(--ease-out),border-color 180ms var(--ease-out),background 160ms var(--ease-out),transform 140ms var(--ease-out);
}
.btn-danger:hover{background:rgba(224,85,85,.08);border-color:rgba(224,85,85,.6);}
.btn-danger:active{transform:scale(.97);transition-duration:80ms;}

.page-hero{max-width:1400px;margin:0 auto;padding:48px 36px 12px;position:relative;z-index:2;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);
  padding:5px 13px;border-radius:999px;
  border:1px solid rgba(201,168,76,.25);background:rgba(201,168,76,.05);
  margin-bottom:18px;
}
.eyebrow i{
  display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--gold);box-shadow:0 0 10px var(--gold);
  animation:fa-pulse 2.4s ease-in-out infinite;
}
@keyframes fa-pulse{0%,100%{opacity:.6}50%{opacity:1}}
.page-hero h1{
  font-family:'Rajdhani',sans-serif;font-size:clamp(36px,5vw,56px);font-weight:700;
  letter-spacing:-.015em;line-height:1.05;text-transform:uppercase;color:var(--text);
}
.page-hero h1 em{
  font-style:normal;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.page-hero p{font-size:15px;color:var(--text-dim);margin-top:10px;max-width:60ch;line-height:1.65;}

.fa-card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
}

.spinner{
  width:18px;height:18px;border-radius:50%;
  border:2px solid rgba(201,168,76,.18);border-top-color:var(--gold);
  animation:fa-spin .8s linear infinite;margin:0 auto;
}
@keyframes fa-spin{to{transform:rotate(360deg)}}

.share-toast{
  position:fixed;left:50%;bottom:32px;transform:translateX(-50%) translateY(20px);
  background:var(--surface);border:1px solid var(--border);
  color:var(--gold);padding:11px 22px;border-radius:999px;
  font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em;
  box-shadow:0 18px 50px -18px rgba(0,0,0,.7);
  opacity:0;pointer-events:none;z-index:300;
  transition:opacity .25s var(--ease),transform .35s var(--ease);
}
.share-toast.visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}
.share-toast.err{color:var(--red);border-color:rgba(224,85,85,.4);}

.cookie-banner{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:400;
  max-width:640px;margin:0 auto;
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  background:var(--surface);border:1px solid var(--border);border-radius:16px;
  padding:16px 20px;box-shadow:0 20px 60px -20px rgba(0,0,0,.75);
  opacity:0;transform:translateY(16px);
  transition:opacity 260ms var(--ease-out),transform 260ms var(--ease-out);
}
.cookie-banner.in{opacity:1;transform:translateY(0);}
.cb-text{flex:1;min-width:220px;font-family:'Space Grotesk',sans-serif;font-size:12.5px;line-height:1.6;color:var(--text-dim);}
.cb-link{background:none;border:none;padding:0;color:var(--gold);text-decoration:underline;cursor:pointer;font:inherit;}
.cb-actions{display:flex;gap:8px;flex-shrink:0;}
@media(max-width:520px){
  .cookie-banner{flex-direction:column;align-items:stretch;left:12px;right:12px;bottom:12px;}
  .cb-actions{justify-content:flex-end;}
}

.nav-burger{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:42px;height:38px;padding:0 11px;margin-left:auto;
  background:transparent;border:1px solid var(--nav-border);border-radius:11px;
  cursor:pointer;box-sizing:border-box;
}
.nav-burger span{display:block;height:2px;width:100%;border-radius:2px;background:var(--text);
  transition:transform .25s var(--ease),opacity .2s var(--ease);}
.nav-burger:hover{background:rgba(255,255,255,.05);}
[data-theme="light"] .nav-burger:hover{background:rgba(0,0,0,.04);}
nav.nav-open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
nav.nav-open .nav-burger span:nth-child(2){opacity:0;}
nav.nav-open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media(max-width:940px){
  nav{display:flex;flex-wrap:wrap;padding:8px 10px;width:calc(100% - 20px);margin-top:10px;top:10px;border-radius:20px;}
  .nav-links{justify-content:flex-start;justify-self:auto;}
  .nav-mega-btn,.mega-panel{display:none!important;}
  .nav-burger{display:flex;}

  .nav-links, .nav-cta{order:4;}
  .nav-links{
    width:100%;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:2px;
    max-height:0;overflow:hidden;opacity:0;
    transition:max-height .28s var(--ease),opacity .2s var(--ease),margin .28s var(--ease);
    margin:0;
  }
  nav.nav-open .nav-links{max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow-y:auto;opacity:1;margin-top:6px;box-shadow:inset 0 -24px 20px -20px var(--nav-bg);}
  nav.nav-open .nav-links.nl-scroll-end{box-shadow:none;}
  .nav-cta{
    width:100%;max-height:0;overflow:hidden;opacity:0;justify-content:center;
    transition:max-height .28s var(--ease),opacity .2s var(--ease),margin .28s var(--ease);
    margin:0;
  }
  nav.nav-open .nav-cta{max-height:60px;opacity:1;margin-top:8px;}
  .nav-link{width:100%;font-size:14.5px;padding:11px 14px;border-radius:10px;}

  nav.nav-open .nav-link:not(.nav-drop-trigger):not(.active){color:var(--text);}

  nav.nav-open .nav-drop{width:100%;}
  nav.nav-open .nav-drop-trigger{width:100%;text-align:left;pointer-events:none;opacity:.65;font-size:12px;
    text-transform:uppercase;letter-spacing:.06em;padding-bottom:4px;}
  nav.nav-open .nav-drop-arrow{display:none;}
  nav.nav-open .nav-drop-menu{
    position:static;display:flex;margin:0;padding:0 0 4px 10px;min-width:0;
    background:transparent;border:none;box-shadow:none;
  }
  nav.nav-open .nav-drop-menu::before{display:none;}
  nav.nav-open .nav-drop-menu a{padding:10px 14px;border-radius:10px;font-size:14px;}
  .page-hero{padding:28px 20px 8px;}
  .page-hero h1{font-size:clamp(32px,8vw,48px);}

  .nav-links>*{
    opacity:0;transform:translateY(10px);
    transition:opacity .32s var(--ease-out),transform .32s var(--ease-out);
  }
  nav.nav-open .nav-links>*{opacity:1;transform:translateY(0);}
  nav.nav-open .nav-links>*:nth-child(1){transition-delay:.03s}
  nav.nav-open .nav-links>*:nth-child(2){transition-delay:.07s}
  nav.nav-open .nav-links>*:nth-child(3){transition-delay:.11s}
  nav.nav-open .nav-links>*:nth-child(4){transition-delay:.15s}
  nav.nav-open .nav-links>*:nth-child(5){transition-delay:.19s}
  nav.nav-open .nav-links>*:nth-child(6){transition-delay:.23s}
}
@media(max-width:940px) and (prefers-reduced-motion:reduce){
  .nav-links>*{transition:opacity .15s linear;transform:none;}
  nav.nav-open .nav-links>*{transition-delay:0s!important;}
}

.nav-drop{position:relative;}
.nav-drop-trigger{
  font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:500;letter-spacing:.02em;
  padding:8px 14px;border-radius:999px;border:none;background:transparent;color:var(--text-dim);
  cursor:pointer;transition:color .25s var(--ease),background .25s var(--ease);
}
.nav-drop-trigger:hover{color:var(--text);background:rgba(255,255,255,.05);}
[data-theme="light"] .nav-drop-trigger:hover{background:rgba(0,0,0,.04);}
.nav-drop-trigger.active{color:var(--gold);background:rgba(201,168,76,.1);}
.nav-drop-menu{
  position:absolute;top:100%;left:0;z-index:120;
  margin-top:10px;
  background:var(--surface);border:1px solid var(--border);border-radius:14px;
  min-width:200px;padding:6px;
  box-shadow:0 20px 50px -18px rgba(0,0,0,.7);
  display:none;flex-direction:column;gap:2px;
}

.nav-drop-menu::before{
  content:'';position:absolute;left:0;right:0;top:-12px;height:12px;
}
.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:flex;}
.nav-drop-menu:hover{display:flex;}
.nav-drop-menu a{
  display:block;padding:9px 14px;border-radius:8px;
  font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:500;color:var(--text);
  text-decoration:none;transition:all .15s var(--ease);
}
.nav-drop-menu a:hover{background:var(--surface2);color:var(--gold);}
.nav-drop-menu a.active{background:rgba(201,168,76,.12);color:var(--gold);font-weight:600;}

.skel{
  position:relative;overflow:hidden;
  background:var(--surface2);
  border-radius:8px;
  isolation:isolate;
}
.skel::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);
  animation:skel-shimmer 1.6s linear infinite;
  transform:translateX(-100%);
}
[data-theme="light"] .skel::after{background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 50%,transparent 100%);}
@keyframes skel-shimmer{
  0%{transform:translateX(-100%);}
  100%{transform:translateX(100%);}
}
.skel-text{height:12px;border-radius:4px;}
.skel-text.lg{height:18px;}
.skel-text.xl{height:24px;}
.skel-text.w-25{width:25%;}
.skel-text.w-40{width:40%;}
.skel-text.w-50{width:50%;}
.skel-text.w-60{width:60%;}
.skel-text.w-75{width:75%;}
.skel-text.w-90{width:90%;}
.skel-circle{aspect-ratio:1;border-radius:50%;}
.skel-card{aspect-ratio:280/388;border-radius:14px;}
.skel-chip{height:24px;border-radius:999px;width:80px;display:inline-block;}
.skel-block{height:100%;width:100%;}
.skel-grid{display:grid;gap:14px;}

@media(prefers-reduced-motion:reduce){
  .skel::after{animation:none;background:rgba(255,255,255,.04);transform:none;}
}

.site-disclaimer{
  max-width:1400px;margin:0 auto;padding:16px 36px 26px;
  font-family:'Space Grotesk',sans-serif;font-size:11px;line-height:1.6;
  color:var(--text-dim);opacity:.55;text-align:center;
}
@media(max-width:640px){.site-disclaimer{padding:14px 16px 22px;}}
