
:root{
  --bg:#05070b; --panel:rgba(255,255,255,.08); --panel2:rgba(255,255,255,.13);
  --text:#f8fafc; --muted:#cbd5e1; --gold:#d6a33e; --gold2:#f7d16a;
  --line:rgba(255,255,255,.16); --blue:#60a5fa;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:
radial-gradient(circle at 8% 10%,rgba(214,163,62,.20),transparent 28%),
radial-gradient(circle at 90% 16%,rgba(96,165,250,.18),transparent 32%),
linear-gradient(135deg,#05070b,#0f172a 55%,#111827);min-height:100vh}
body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}
a{text-decoration:none;color:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:auto}
.topbar{margin:20px 0;padding:14px 16px;display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:24px;background:rgba(6,9,15,.78);backdrop-filter:blur(24px);position:sticky;top:16px;z-index:20;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.logo{height:46px;width:auto;display:block}.logo-wrap{margin-right:auto}
.nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.dropdown{position:relative}.dropbtn{font-weight:900;color:var(--muted);padding:12px 10px;display:block}.dropbtn:hover{color:var(--gold2)}
.dropdown-content{display:none;position:absolute;top:42px;left:0;min-width:250px;border:1px solid var(--line);border-radius:18px;background:rgba(8,12,20,.96);backdrop-filter:blur(24px);box-shadow:0 22px 70px rgba(0,0,0,.45);padding:10px}
.dropdown:hover .dropdown-content{display:block}.dropdown-content a{display:block;padding:12px 14px;color:var(--muted);border-radius:12px;font-weight:800}.dropdown-content a:hover{background:rgba(255,255,255,.08);color:var(--gold2)}
.glass,.card{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.045));box-shadow:0 30px 80px rgba(0,0,0,.36);backdrop-filter:blur(24px)}
.hero{min-height:640px;border-radius:34px;padding:clamp(30px,6vw,72px);display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:34px;overflow:hidden}
.eyebrow{color:var(--gold2);letter-spacing:.18em;font-size:13px;font-weight:900;text-transform:uppercase}h1{font-size:clamp(42px,8vw,82px);line-height:.98;margin:14px 0 22px}h2{font-size:clamp(30px,5vw,54px);line-height:1.04;margin:10px 0 14px}h3{font-size:24px}.lead,.muted,.card p,.footer p,.footer a{color:var(--muted);font-size:18px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{border-radius:14px;padding:14px 18px;font-weight:900}.primary{color:#111827;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 14px 30px rgba(214,163,62,.25)}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.04)}
.hero-card{border-radius:28px;padding:34px;text-align:center;background:radial-gradient(circle at center,rgba(214,163,62,.23),rgba(255,255,255,.04));border:1px solid rgba(214,163,62,.3)}.hero-card img{width:min(100%,430px);filter:drop-shadow(0 26px 36px rgba(0,0,0,.55))}
.section{padding:80px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border-radius:24px;padding:28px;min-height:230px;transition:.2s}.card:hover{transform:translateY(-6px);border-color:rgba(247,209,106,.5)}.card span{color:var(--gold2);font-weight:900}.feature{border-radius:30px;padding:42px;margin-bottom:80px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.page-hero{padding:70px;border-radius:34px;margin-bottom:24px}.content{border-radius:28px;padding:42px;margin-bottom:60px}.content ul{color:var(--muted);line-height:1.9;font-size:18px}
.footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;padding:42px;border:1px solid var(--line);border-radius:30px 30px 0 0;background:rgba(6,9,15,.78);backdrop-filter:blur(20px)}.footer-logo{height:60px}.footer h4{color:var(--gold2);margin:0 0 12px}.footer a{display:block;margin:8px 0}.copyright{text-align:center;padding:18px;color:#94a3b8;font-size:14px}
@media(max-width:920px){.hero,.feature,.footer{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.nav{width:100%}.dropdown-content{position:static;display:block;background:transparent;box-shadow:none;border:0;padding:0}.topbar{flex-wrap:wrap}.page-hero{padding:34px}}
