:root{--bg:#0b0d16;--panel:#0f1221;--ink:#e9ecff;--ink-dim:#cfd4ff;--line:rgba(255,255,255,.08);--accent:#7D2CFF;--accent2:#1E43FF;--radius:14px;--shadow:0 10px 30px rgba(0,0,0,.35)}
body{background:var(--bg);color:var(--ink)}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.section{padding:56px 0}
.card{background:linear-gradient(180deg,#0f1221,rgba(19,24,46,.6));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
a{color:#dbe0ff} a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;border:1px solid var(--line);color:#fff;text-decoration:none;font-weight:700}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent}
.btn-ghost{background:rgba(255,255,255,.06)}
.eyebrow{color:#aeb6ff}
h1{font-size:40px;line-height:1.1;margin:.2em 0 .4em}
p.lead{font-size:18px;color:#c6cdfc}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.features{grid-template-columns:1fr}}
.feature{padding:22px;border-radius:var(--radius);border:1px solid var(--line)}
.feature:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
#masthead{position:sticky;top:0;z-index:1000;background:rgba(9,10,18,.75);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:16px;min-height:68px}
.brand img{max-height:44px;height:auto}
.main-navigation .menu{list-style:none;margin:0;padding:0;display:flex;gap:10px}
.main-navigation .menu a{display:inline-block;padding:10px 12px;border-radius:10px;color:#cfd4ff}
.nav-actions{margin-left:auto;display:flex;gap:12px;align-items:center}
.menu-toggle{display:none}
@media(max-width:991px){.main-navigation .menu{display:none}.menu-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.06)} #site-navigation.toggled .menu{display:block;flex-direction:column;margin-top:8px} .main-navigation .menu a{padding:14px 10px}}
.section-hero{background:radial-gradient(1200px 600px at 20% -10%, rgba(125,44,255,.18), transparent 60%),radial-gradient(1000px 600px at 90% -20%, rgba(30,67,255,.18), transparent 60%),linear-gradient(180deg,#0b0d16,#0b0d16)}
.site-footer{background:#0a0c14;border-top:1px solid var(--line);padding:28px 0;color:#cbd2ff}
.site-footer .footer-inner{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:20px;align-items:start}
@media(max-width:900px){.site-footer .footer-inner{grid-template-columns:1fr}}
.f-menu{list-style:none;margin:0;padding:0}
.login-wrap input[type="text"], .login-wrap input[type="password"]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:#0e1020;color:#fff;margin:.4rem 0}