:root{--bg:#080C1C;--surface:#0D1328;--border:rgba(255,255,255,0.08);--orange:#FA5000;--cyan:#00C3E3;--text:#FFFFFF;--muted:rgba(255,255,255,0.75);--subtle:rgba(255,255,255,0.50)}
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:'Satoshi',sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
    body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:0.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

    /* Nav */
    .nav{position:fixed;top:0;left:0;right:0;z-index:100;height:68px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
    .nav.scrolled{background:rgba(8,12,28,0.96);border-bottom-color:var(--border);backdrop-filter:blur(14px)}
    .nav-logo{display:flex;align-items:center;text-decoration:none}
    .nav-links{display:flex;align-items:center;gap:4px}
    .nav-link{padding:8px 14px;border-radius:7px;font-size:14px;font-weight:500;color:rgba(255,255,255,0.7);background:none;border:none;cursor:pointer;transition:color .2s,background .2s;text-decoration:none;display:flex;align-items:center;gap:5px}
    .nav-link:hover{color:white;background:rgba(255,255,255,0.07)}
    .nav-link.active{color:white}
    .nav-drop{position:relative}
    .nav-drop-menu{position:absolute;top:100%;left:0;min-width:220px;background:#0D1328;border:1px solid var(--border);border-radius:10px;padding:6px;padding-top:12px;margin-top:0;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s,transform .15s;box-shadow:0 24px 64px rgba(0,0,0,0.55)}
    .nav-drop-menu::before{content:'';position:absolute;top:0;left:0;right:0;height:8px}
    .nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{opacity:1;pointer-events:auto;transform:translateY(0)}
    .nav-drop-item{display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:6px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.62);text-decoration:none;transition:color .15s,background .15s;border:none;background:none;width:100%;text-align:left;cursor:pointer}
    .nav-drop-item:hover,.nav-drop-item.active{color:white;background:rgba(255,255,255,0.07)}
    .nav-drop-item.active{color:var(--cyan)}
    .nav-cta{padding:9px 22px;border-radius:8px;background:var(--orange);color:#080C1C;font-size:14px;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:opacity .2s,transform .2s}
    .nav-cta:hover{opacity:.87;transform:translateY(-1px)}
    .nav-controls{display:flex;align-items:center;gap:10px;margin-right:4px}
    .theme-pill{display:flex;align-items:center;background:rgba(8,12,28,0.72);border:1.5px solid rgba(255,255,255,0.55);border-radius:20px;padding:2px;cursor:pointer;transition:background .2s,border-color .2s;font-family:inherit;backdrop-filter:blur(8px)}
    .theme-pill:hover{border-color:rgba(255,255,255,0.80)}
    .theme-opt{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:16px;font-size:11px;font-weight:600;letter-spacing:.03em;transition:background .2s,color .2s;color:rgba(255,255,255,0.55);white-space:nowrap}
    :root:not([data-theme="light"]) .theme-opt-dark{background:rgba(139,120,255,0.18);color:#a89fff}
    :root:not([data-theme="light"]) .theme-opt-dark svg{stroke:#a89fff}
    [data-theme="light"] .theme-pill{background:rgba(10,20,60,0.07);border-color:rgba(10,20,60,0.18)}
    [data-theme="light"] .theme-opt{color:rgba(10,20,60,0.40)}
    [data-theme="light"] .theme-opt-light{background:rgba(255,200,0,0.15);color:#B07800}
    [data-theme="light"] .theme-opt-light svg{stroke:#F5A800}
    .lang-sel{display:flex;align-items:center;background:rgba(8,12,28,0.72);border:1.5px solid rgba(255,255,255,0.55);border-radius:20px;padding:2px;gap:0;backdrop-filter:blur(12px)}
    .lang-opt{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:16px;font-size:11px;font-weight:600;letter-spacing:.03em;color:rgba(255,255,255,0.55);text-decoration:none;transition:background .2s,color .2s;white-space:nowrap}
    .lang-opt.active{background:rgba(255,255,255,0.14);color:white;cursor:default}
    .lang-opt:hover:not(.active){color:rgba(255,255,255,0.85)}
    .lang-flag{font-size:13px;line-height:1}
    [data-theme="light"] .lang-sel{background:rgba(10,20,60,0.07);border-color:rgba(10,20,60,0.18)}
    [data-theme="light"] .lang-opt{color:rgba(10,20,60,0.45)}
    [data-theme="light"] .lang-opt.active{background:rgba(10,20,60,0.12);color:#0A1440}
    .nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;z-index:200}
    .nav-hamburger span{display:block;width:22px;height:2px;background:white;border-radius:2px;transition:transform .3s,opacity .3s}
    .nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .nav-hamburger.open span:nth-child(2){opacity:0}
    .nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
    .nav-mobile{display:none;position:fixed;inset:0;top:68px;background:rgba(8,12,28,0.98);backdrop-filter:blur(16px);z-index:150;padding:32px 24px;flex-direction:column;gap:6px;overflow-y:auto}
    .nav-mobile.open{display:flex}
    .nav-mobile .nav-link{font-size:17px;font-weight:600;padding:14px 16px;color:rgba(255,255,255,.8)}
    .nav-mobile .nav-cta{margin-top:16px;text-align:center;padding:14px;font-size:16px;border-radius:10px}
    .nav-mobile-section{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.25);padding:16px 16px 6px}
    @media(max-width:768px){.nav-controls{display:none}.nav{padding:0 20px}.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}}

    /* Aurora */
    .aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
    .aurora-orb{position:absolute;border-radius:50%}
    .orb1{width:680px;height:680px;top:-260px;right:-180px;background:radial-gradient(circle at 40% 40%,rgba(0,195,227,.55) 0%,rgba(0,195,227,.20) 45%,transparent 72%);filter:blur(45px)}
    .orb2{width:600px;height:600px;bottom:-220px;left:-200px;background:radial-gradient(circle at 60% 60%,rgba(250,80,0,.50) 0%,rgba(250,80,0,.18) 45%,transparent 72%);filter:blur(48px)}
    .orb3{width:520px;height:520px;top:30%;left:18%;background:radial-gradient(circle at 50% 50%,rgba(110,60,255,.38) 0%,rgba(90,50,220,.12) 45%,transparent 70%);filter:blur(50px)}
    @media(max-width:768px){.aurora{display:none}}
    [data-theme="light"] .aurora-orb{opacity:0.10}

    /* Animations */
    .fu{opacity:0;transform:translateY(28px);transition:opacity .88s cubic-bezier(.16,1,.3,1),transform .88s cubic-bezier(.16,1,.3,1)}
    .fu.on{opacity:1;transform:none}
    .d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
    @media(prefers-reduced-motion:reduce){.fu{opacity:1!important;transform:none!important;transition:none!important}}

    /* Page layout */
    .page-hero{padding:130px 80px 72px;max-width:1280px;margin:0 auto;position:relative;z-index:1}
    .eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:16px}
    .hero-h1{font-size:clamp(36px,4.5vw,60px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:white;margin-bottom:18px}
    .hero-sub{font-size:17px;line-height:1.75;color:var(--muted);max-width:580px}

    /* Filter bar */
    .filter-bar{padding:0 80px 48px;max-width:1280px;margin:0 auto;position:relative;z-index:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    .filter-btn{padding:7px 18px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid var(--border);background:none;color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s;font-family:inherit}
    .filter-btn:hover{color:white;border-color:rgba(255,255,255,.3)}
    .filter-btn.active{background:rgba(255,255,255,.09);color:white;border-color:rgba(255,255,255,.3)}

    /* Checklist grid */
    .dl-grid{padding:0 80px 100px;max-width:1280px;margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
    .dl-card{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px;transition:background .2s,border-color .2s;text-decoration:none;color:inherit}
    .dl-card:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
    .dl-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
    .dl-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .dl-card-icon svg{width:24px;height:24px;stroke-width:2}
    .dl-card-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
    .badge{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:20px}
    .badge-free{background:rgba(0,195,227,.12);color:var(--cyan);border:1px solid rgba(0,195,227,.25)}
    .badge-cat{background:rgba(255,255,255,.07);color:rgba(255,255,255,.55);border:1px solid var(--border)}
    .dl-card-standard{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-bottom:2px}
    .dl-card-title{font-size:17px;font-weight:700;color:white;line-height:1.3;margin-bottom:6px}
    .dl-card-desc{font-size:13px;line-height:1.7;color:var(--muted);flex:1}
    .dl-card-stats{display:flex;gap:16px;padding-top:16px;border-top:1px solid var(--border)}
    .dl-stat{text-align:center}
    .dl-stat-num{font-size:18px;font-weight:800;color:white;letter-spacing:-.02em;line-height:1}
    .dl-stat-label{font-size:10px;font-weight:600;color:var(--subtle);letter-spacing:.04em;margin-top:3px}
    .dl-card-actions{display:flex;gap:10px;padding-top:4px}
    .btn-dl{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:7px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s;font-family:inherit;border:none;cursor:pointer}
    .btn-dl:hover{opacity:.86;transform:translateY(-1px)}
    .btn-dl-primary{background:var(--orange);color:#080C1C}
    .btn-dl-ghost{background:rgba(255,255,255,.07);color:white;border:1px solid rgba(255,255,255,.15)}
    .btn-dl-ghost:hover{background:rgba(255,255,255,.12)}

    /* Coming soon card */
    .dl-card.coming-soon{opacity:0.5;pointer-events:none;cursor:default}
    .dl-card.coming-soon:hover{background:rgba(255,255,255,.04);border-color:var(--border)}
    .badge-soon{background:rgba(255,255,255,.07);color:rgba(255,255,255,.40);border:1px solid var(--border)}

    /* CTA */
    .cta-band{background:radial-gradient(ellipse 90% 70% at 50% 120%,rgba(250,80,0,.28) 0%,transparent 60%),radial-gradient(ellipse 55% 60% at 5% 0%,rgba(0,195,227,.12) 0%,transparent 55%);padding:100px 80px;text-align:center;position:relative;overflow:hidden;z-index:1}
    .cta-band::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(250,80,0,.7) 30%,rgba(0,195,227,.7) 70%,transparent 100%)}
    .cta-h2{font-size:clamp(28px,3.5vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:white;margin-bottom:14px}
    .cta-sub{font-size:17px;color:var(--muted);margin:0 auto 36px;max-width:460px;line-height:1.72}
    @keyframes btn-glow{0%,100%{box-shadow:0 0 22px rgba(250,80,0,.35)}50%{box-shadow:0 0 44px rgba(250,80,0,.60)}}
    .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:8px;background:var(--orange);color:#080C1C;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .2s;animation:btn-glow 2.8s ease-in-out infinite}
    .btn-primary:hover{opacity:.86}

    /* Footer */
    .footer{background:radial-gradient(ellipse 60% 90% at 10% 40%,rgba(250,80,0,.06) 0%,transparent 60%),rgba(4,7,15,0.90);border-top:1px solid var(--border);padding:72px 80px 40px;position:relative;z-index:1}
    .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;max-width:1280px;margin:0 auto}
    .footer-logo{font-size:17px;font-weight:700;color:white;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;margin-bottom:10px}
    .footer-tagline{font-size:13px;color:rgba(255,255,255,.38);line-height:1.65;max-width:220px;margin-top:10px}
    .fc-head{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:16px}
    .fc-link{display:block;font-size:13px;color:rgba(255,255,255,.52);margin-bottom:10px;text-decoration:none;transition:color .2s}
    .fc-link:hover{color:white}
    .footer-btm{max-width:1280px;margin:48px auto 0;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
    .footer-copy{font-size:12px;color:rgba(255,255,255,.26)}
    .footer-legal{display:flex;gap:20px}
    .footer-legal a{font-size:12px;color:rgba(255,255,255,.26);text-decoration:none}
    .footer-legal a:hover{color:rgba(255,255,255,.6)}
    .footer-social{display:flex;gap:10px;margin-top:16px}
    .social-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:color .2s,border-color .2s,background .2s}
    .social-li{color:#0A66C2;border-color:rgba(10,102,194,.3)}
    .social-li:hover{border-color:#0A66C2;background:rgba(10,102,194,.12)}

    /* Light theme */
    [data-theme="light"]{--bg:#F0F4FF;--surface:#FFFFFF;--border:rgba(10,20,60,0.10);--text:#0A1440;--muted:rgba(10,20,60,0.55);--subtle:rgba(10,20,60,0.35);--cyan:#0098B0}
    [data-theme="light"] body{color:#0A1440}
    [data-theme="light"] .nav.scrolled{background:rgba(240,244,255,0.96);border-bottom-color:rgba(10,20,60,0.12)}
    [data-theme="light"] .nav-hamburger span{background:#0A1440}
    [data-theme="light"] .nav-link{color:rgba(10,20,60,0.65)}
    [data-theme="light"] .nav-link:hover{color:#0A1440;background:rgba(10,20,60,0.06)}
    [data-theme="light"] .nav-drop-menu{background:#fff;border-color:rgba(10,20,60,0.10);box-shadow:0 16px 48px rgba(10,20,60,0.10)}
    [data-theme="light"] .nav-drop-item{color:rgba(10,20,60,0.60)}
    [data-theme="light"] .nav-drop-item:hover{color:#0A1440;background:rgba(10,20,60,0.05)}
    [data-theme="light"] .hero-h1{color:#0A1440}
    [data-theme="light"] .hero-sub{color:rgba(10,20,60,0.65)}
    [data-theme="light"] .filter-btn{color:rgba(10,20,60,0.55);border-color:rgba(10,20,60,0.12)}
    [data-theme="light"] .filter-btn:hover{color:#0A1440;border-color:rgba(10,20,60,0.30)}
    [data-theme="light"] .filter-btn.active{background:rgba(10,20,60,0.07);color:#0A1440;border-color:rgba(10,20,60,0.25)}
    [data-theme="light"] .dl-card{background:rgba(10,20,60,0.04);border-color:rgba(10,20,60,0.10)}
    [data-theme="light"] .dl-card:hover{background:#fff;border-color:rgba(10,20,60,0.18)}
    [data-theme="light"] .dl-card-title{color:#0A1440}
    [data-theme="light"] .dl-card-desc{color:rgba(10,20,60,0.58)}
    [data-theme="light"] .dl-stat-num{color:#0A1440}
    [data-theme="light"] .dl-stat-label{color:rgba(10,20,60,0.40)}
    [data-theme="light"] .dl-card-stats{border-color:rgba(10,20,60,0.10)}
    [data-theme="light"] .btn-dl-ghost{background:rgba(10,20,60,0.05);color:#0A1440;border-color:rgba(10,20,60,0.15)}
    [data-theme="light"] .btn-dl-ghost:hover{background:rgba(10,20,60,0.10)}
    [data-theme="light"] .badge-cat{background:rgba(10,20,60,0.06);color:rgba(10,20,60,0.45);border-color:rgba(10,20,60,0.12)}
    [data-theme="light"] .cta-h2{color:#0A1440}
    [data-theme="light"] .cta-sub{color:rgba(10,20,60,0.60)}
    [data-theme="light"] .cta-band{background:radial-gradient(ellipse 90% 70% at 50% 120%,rgba(250,80,0,.10) 0%,transparent 60%),rgba(232,238,255,0.97)}
    [data-theme="light"] .footer{background:#E5EAF8;border-color:rgba(10,20,60,0.10)}
    [data-theme="light"] .footer-logo{color:#0A1440}
    [data-theme="light"] .footer-tagline{color:rgba(10,20,60,0.45)}
    [data-theme="light"] .fc-head{color:rgba(10,20,60,0.32)}
    [data-theme="light"] .fc-link{color:rgba(10,20,60,0.55)}
    [data-theme="light"] .fc-link:hover{color:#0A1440}
    [data-theme="light"] .footer-btm{border-color:rgba(10,20,60,0.10)}
    [data-theme="light"] .footer-copy{color:rgba(10,20,60,0.35)}
    [data-theme="light"] .footer-legal a{color:rgba(10,20,60,0.35)}
    [data-theme="light"] .footer-legal a:hover{color:rgba(10,20,60,0.70)}

    /* Responsive */
    @media(max-width:1024px){.dl-grid{grid-template-columns:repeat(2,1fr);padding:0 48px 80px}.page-hero{padding:110px 48px 56px}.filter-bar{padding:0 48px 40px}.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:36px}.footer-grid>div:first-child{grid-column:1/-1}.cta-band{padding:100px 48px}}
    @media(max-width:768px){.dl-grid{grid-template-columns:1fr;padding:0 20px 64px}.page-hero{padding:96px 20px 44px}.filter-bar{padding:0 20px 32px}.cta-band{padding:72px 20px}.footer{padding:56px 20px 40px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 20px}.footer-btm{flex-direction:column;gap:14px;text-align:center}.footer-legal{flex-wrap:wrap;justify-content:center}}
    :focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}
