:root { color-scheme: dark; --bg:#080a0d; --surface:#12161c; --surface-2:#191e26; --text:#f7f8fa; --muted:#9ea7b3; --line:rgba(255,255,255,.1); --red:#e82127; --red-hover:#ff343b; --green:#35c978; --radius:20px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-height:100vh; font-family:Inter,Segoe UI,Arial,sans-serif; background:var(--bg); color:var(--text); line-height:1.6; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
button,.button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:.7rem 1.1rem; border:0; border-radius:12px; background:var(--red); color:white; font-weight:700; cursor:pointer; transition:.2s ease; }
button:hover,.button:hover { background:var(--red-hover); transform:translateY(-1px); }
button:disabled { opacity:.55; cursor:wait; transform:none; }
button.secondary,.button.secondary { background:transparent; border:1px solid var(--line); }
button.secondary:hover,.button.secondary:hover { background:var(--surface-2); }
.container { width:min(1120px,calc(100% - 2rem)); margin-inline:auto; }
.narrow { max-width:760px; }
.brand { display:inline-flex; align-items:center; font-size:1.35rem; font-weight:800; letter-spacing:-.04em; }
.brand img { display:block; width:194px; max-width:100%; height:40px; }
.site-header { position:sticky; top:0; z-index:20; background:rgba(8,10,13,.85); backdrop-filter:blur(18px); border-bottom:1px solid var(--line); }
.header-inner { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.header-inner nav,.header-actions,.hero-actions,.actions { display:flex; align-items:center; gap:.8rem; }
.header-inner nav a { color:var(--muted); }
.header-inner nav a:hover { color:var(--text); }
.hero { min-height:calc(100vh - 72px); display:grid; align-items:center; padding:5rem 0; }
.hero-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:5rem; align-items:center; }
.hero h1 { max-width:780px; margin:.5rem 0 1.5rem; font-size:clamp(3rem,7vw,5.6rem); line-height:1; letter-spacing:-.06em; }
.lead { color:var(--muted); font-size:clamp(1.05rem,2vw,1.25rem); max-width:680px; }
.eyebrow { margin:0 0 .35rem; color:#ff6c71; font-size:.78rem; text-transform:uppercase; letter-spacing:.14em; font-weight:800; }
.hero-actions { margin-top:2rem; }
.hero-panel,.panel { background:linear-gradient(145deg,var(--surface-2),var(--surface)); border:1px solid var(--line); border-radius:var(--radius); padding:1.5rem; box-shadow:0 24px 70px rgba(0,0,0,.28); }
.hero-panel { display:grid; gap:.35rem; }
.hero-panel span { margin-top:1rem; color:var(--muted); font-size:.82rem; text-transform:uppercase; letter-spacing:.1em; }
.section { padding:6rem 0; }
.section h2 { margin:.25rem 0 2.5rem; font-size:clamp(2rem,5vw,3.5rem); letter-spacing:-.04em; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.panel h3 { margin-top:0; }
.panel p,.muted { color:var(--muted); }
.security-section { border-block:1px solid var(--line); background:var(--surface); text-align:center; }
.security-section .lead { margin-inline:auto; }
footer { padding:2rem 0; color:var(--muted); }
.disclaimer { color:var(--muted); font-size:.78rem; line-height:1.45; }
.hidden { opacity:0; transform:translateY(22px); transition:.6s ease; }
.show { opacity:1; transform:none; }
.text-link { color:#ff777b; font-weight:700; }
.error-page { min-height:100vh; display:grid; place-content:center; justify-items:start; gap:1rem; }
.error-page h1 { margin:0; font-size:clamp(2.5rem,7vw,5rem); letter-spacing:-.05em; }
*:focus-visible { outline:3px solid rgba(255,80,86,.55); outline-offset:3px; }