/* ===== Base ===== */
:root{
    --bg:#060b16;
    --bg-soft:#0b1326;
    --surface:rgba(11,19,38,0.78);
    --surface-strong:#101a31;
    --card:#0f1930;
    --text:#f4f7fb;
    --muted:#93a4c4;
    --line:rgba(255,255,255,0.08);
    --primary:#5ddcff;
    --primary-2:#7c6cff;
    --accent:#00d9a6;
    --shadow:0 20px 60px rgba(0,0,0,.35);
    --radius:24px;
    --radius-sm:16px;
    --max:1200px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    background:
        radial-gradient(circle at top left, rgba(93,220,255,.10), transparent 34%),
        radial-gradient(circle at 85% 10%, rgba(124,108,255,.16), transparent 25%),
        linear-gradient(180deg, #050a15 0%, #07101f 100%);
    color:var(--text);
    line-height:1.65;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
h1,h2,h3{line-height:1.1;margin:0 0 1rem}
h1{font-size:clamp(2.6rem,6vw,4.8rem);letter-spacing:-.04em}
h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em}
h3{font-size:1.28rem;letter-spacing:-.02em}
p{margin:0 0 1rem;color:var(--muted)}
label{display:grid;gap:.5rem}
label span{color:#e5ecfa;font-weight:600;font-size:.94rem}