:root { --ink:#eef2f7; --muted:#9aa7b8; --panel:#121a26; --line:#263448; --accent:#7c5cff; --accent2:#35d6c3; }
html { font-size:16px; min-height:100%; background:#080d14; }
body { min-height:100vh; color:var(--ink); background:radial-gradient(circle at 78% 15%,#17213a 0,#080d14 42%),#080d14; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:var(--accent2); text-decoration:none; } a:hover { color:#71f1df; }
.site-header { border-bottom:1px solid rgba(255,255,255,.08); backdrop-filter:blur(16px); }
.brand { color:var(--ink); font-weight:800; letter-spacing:.14em; } .brand:hover { color:#fff; }
.brand-mark { display:inline-grid; place-items:center; width:34px; height:34px; margin-right:.5rem; border:1px solid var(--accent2); border-radius:50%; color:var(--accent2); }
.language-switch { display:flex; gap:.5rem; font-size:.72rem; letter-spacing:.12em; } .language-switch a { color:var(--muted); }
.page-shell { padding-top:5rem; padding-bottom:5rem; }
.hero { min-height:58vh; display:grid; grid-template-columns:1.4fr .8fr; align-items:center; gap:4rem; }
.eyebrow { color:var(--accent2); letter-spacing:.18em; font-size:.75rem; font-weight:700; }
.hero h1 { max-width:780px; font-size:clamp(3rem,7vw,6.8rem); line-height:.91; letter-spacing:-.06em; }
.hero-lead { max-width:630px; margin:2rem 0; color:var(--muted); font-size:1.2rem; }
.btn-primary { --bs-btn-bg:var(--accent); --bs-btn-border-color:var(--accent); --bs-btn-hover-bg:#927aff; --bs-btn-hover-border-color:#927aff; border-radius:999px; font-weight:700; padding-inline:1.5rem; }
.trust-line { align-self:center; color:var(--muted); font-size:.88rem; }
.hero-orbit { display:grid; place-items:center; aspect-ratio:1; border:1px solid var(--line); border-radius:50%; box-shadow:0 0 80px rgba(124,92,255,.14),inset 0 0 80px rgba(53,214,195,.05); }
.hero-orbit span { display:grid; place-items:center; width:44%; aspect-ratio:1; border-radius:50%; background:linear-gradient(145deg,var(--accent),#4b36a5); font-size:5rem; font-weight:800; box-shadow:0 22px 70px rgba(124,92,255,.42); }
.capabilities { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.capabilities article { padding:2rem; border-right:1px solid var(--line); } .capabilities article:last-child { border:0; }
.capabilities strong { color:var(--accent2); } .capabilities h2 { margin-top:1.4rem; font-size:1.25rem; } .capabilities p { color:var(--muted); }
.auth-card,.dashboard-card { max-width:620px; margin:0 auto; padding:clamp(1.5rem,5vw,3.5rem); border:1px solid var(--line); border-radius:24px; background:rgba(18,26,38,.86); box-shadow:0 30px 90px rgba(0,0,0,.25); }
.dashboard-card { max-width:1000px; } label { display:block; margin-top:1.15rem; margin-bottom:.4rem; color:#c8d0dc; font-weight:600; }
.form-control,.form-select { color:var(--ink); background:#0a111b; border:1px solid var(--line); min-height:48px; } .form-control:focus,.form-select:focus { color:#fff; background:#0a111b; border-color:var(--accent); box-shadow:0 0 0 .2rem rgba(124,92,255,.2); }
.form-hint { margin:.55rem 0 0; color:var(--muted); font-size:.82rem; }
.verification-code { letter-spacing:.4em; font-size:1.35rem; font-variant-numeric:tabular-nums; }
.table { --bs-table-color:var(--ink); --bs-table-bg:transparent; --bs-table-border-color:var(--line); }
.site-footer { display:flex; justify-content:space-between; padding-block:2rem; border-top:1px solid var(--line); color:var(--muted); font-size:.82rem; }
@media (max-width:800px) { .hero { grid-template-columns:1fr; } .hero-orbit { display:none; } .capabilities { grid-template-columns:1fr; } .capabilities article { border-right:0; border-bottom:1px solid var(--line); } .language-switch { display:none; } }