:root { --bg:#05070b; --panel:#0b1118; --panel-2:#0e1720; --line:rgba(150,190,203,.16); --text:#edf4f7; --muted:#93a3ad; --cyan:#00e5f1; --cyan-2:#00a9c8; --magenta:#ec00ef; --success:#83f0cb; --danger:#ff8497; font-family:Inter,"Microsoft YaHei",system-ui,sans-serif; color:var(--text); background:var(--bg); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg); scrollbar-width:none; overflow-y:auto; }
body { width:100%; min-height:100%; margin:0; min-width:320px; background:var(--bg); scrollbar-width:none; overflow-y:auto; }
html::-webkit-scrollbar, body::-webkit-scrollbar { width:0!important; height:0!important; display:none!important; }
#app { width:100%; min-height:100%; overflow:visible; }
button,input,textarea { font:inherit; }
button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
[hidden] { display:none!important; }
.container { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.page { min-height:100vh; }
.kicker,.eyebrow { color:var(--cyan); font-size:12px; letter-spacing:0; text-transform:uppercase; }
.kicker { display:inline-block; font-weight:700; }
h1,h2,h3,p { margin-top:0; }
em { font-style:normal; color:var(--cyan); }
.button { border:1px solid transparent; border-radius:5px; min-height:46px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; gap:12px; font-weight:800; transition:transform .2s, background .2s, border-color .2s; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:#021014; background:var(--cyan); box-shadow:0 0 26px rgba(0,229,241,.24); }
.button-primary:hover { background:#5af5ff; }
.button-outline { color:var(--text); background:transparent; border-color:rgba(0,229,241,.45); }
.button-outline:hover { border-color:var(--cyan); background:rgba(0,229,241,.08); }
.text-button { color:#d9edf0; border:0; background:transparent; padding:0; font-weight:700; display:inline-flex; align-items:center; gap:9px; }
.text-button span { color:var(--cyan); font-size:20px; line-height:1; }
.form-message { min-height:20px; margin:0; font-size:13px; color:var(--muted); }
.form-message.error { color:var(--danger); }
.form-message.success { color:var(--success); }
@media (max-width:760px) { .container { width:min(100% - 32px,1180px); } }
