:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #f8f4ff; background: #07051a; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 12% 18%, rgba(122,78,196,.28), transparent 34rem), radial-gradient(circle at 92% 8%, rgba(222,105,228,.16), transparent 30rem), linear-gradient(160deg,#07051a 0%,#13092d 52%,#08051a 100%); }
.home-page { background: linear-gradient(rgba(5,3,22,.42),rgba(7,5,26,.68)), url('../web/assets/nox-bg-auth.png') center top / cover fixed no-repeat; }
a { color: #edb3ff; }
.site-header { display:flex; align-items:center; justify-content:space-between; gap:20px; width:min(1120px,calc(100% - 40px)); margin:0 auto; padding:24px 0; }
.brand { color:#fff; font:700 24px/1 Georgia,serif; text-decoration:none; }
.brand span { color:#e7a5ff; }
nav { display:flex; flex-wrap:wrap; gap:18px; }
nav a { color:#d7cbea; font-size:14px; text-decoration:none; }
nav a:hover { color:#fff; }
.page,.hero { width:min(920px,calc(100% - 40px)); margin:40px auto 80px; }
.hero { min-height:62vh; display:grid; align-content:center; text-align:center; }
.home-page .hero { min-height:72vh; }
.eyebrow { color:#e9a3ff; font-size:13px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
h1,h2 { font-family:Georgia,serif; }
h1 { margin:14px 0; font-size:clamp(38px,8vw,72px); line-height:1.04; }
h2 { margin:34px 0 10px; color:#f2d9ff; font-size:25px; }
.lead { max-width:720px; margin:0 auto; color:#cfc1e6; font-size:clamp(17px,2.4vw,21px); line-height:1.65; }
.actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:30px; }
.button { display:inline-block; padding:14px 20px; border:1px solid #8a62c1; border-radius:14px; background:linear-gradient(135deg,#7548c7,#9a4bd2); color:white; font-weight:750; text-decoration:none; }
.button.secondary { background:rgba(255,255,255,.06); }
.store-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:14px; margin-top:34px; }
.store-button { min-width:210px; padding:13px 20px; border:1px solid rgba(255,255,255,.32); border-radius:15px; background:rgba(7,5,26,.84); color:#fff; text-align:left; text-decoration:none; box-shadow:0 12px 34px rgba(0,0,0,.28); backdrop-filter:blur(10px); }
.store-button small { display:block; color:#b9adc9; font-size:11px; letter-spacing:.04em; }
.store-button strong { display:block; margin-top:2px; font-size:18px; }
.store-button:hover { border-color:#e7a5ff; transform:translateY(-1px); }
.card { padding:clamp(22px,5vw,42px); border:1px solid rgba(170,132,226,.42); border-radius:26px; background:rgba(22,13,56,.86); box-shadow:0 22px 70px rgba(0,0,0,.24); }
.page h1 { font-size:clamp(34px,6vw,52px); }
.page p,.page li { color:#d7cbea; line-height:1.7; }
.page strong { color:#fff; }
.note { color:#aa9cc2!important; font-size:14px; }
.language-divider { margin:46px 0; border:0; border-top:1px solid rgba(170,132,226,.34); }
footer { width:min(1120px,calc(100% - 40px)); margin:0 auto; padding:28px 0 36px; border-top:1px solid rgba(170,132,226,.25); color:#998bad; font-size:13px; text-align:center; }
.footer-links { display:flex; justify-content:center; flex-wrap:wrap; gap:18px; margin-bottom:18px; }
.footer-links a { color:#d7cbea; text-decoration:none; }
@media (max-width:680px) { .site-header{align-items:flex-start;flex-direction:column}.page,.hero{margin-top:22px} }