:root { color-scheme: dark; --bg:#07111f; --card:#101d30; --line:#263c59; --text:#f5f8ff; --muted:#a9b8cd; --accent:#61e2b7; --accent2:#65a8ff; --danger:#ffb4ac; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--text); background:radial-gradient(circle at 10% 0,#14365a 0,transparent 38%),radial-gradient(circle at 90% 100%,#163c34 0,transparent 34%),var(--bg); font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.shell { width:min(620px,calc(100% - 32px)); margin:0 auto; padding:52px 0 36px; }
.brand { display:inline-block; margin-bottom:24px; color:var(--text); text-decoration:none; font-weight:900; letter-spacing:.08em; font-size:22px; }.brand span{color:var(--accent)}
.card { padding:clamp(24px,6vw,46px); border:1px solid var(--line); border-radius:28px; background:rgba(16,29,48,.94); box-shadow:0 28px 80px rgba(0,0,0,.36); backdrop-filter:blur(15px); }
.eyebrow { margin:0 0 8px; color:var(--accent); text-transform:uppercase; letter-spacing:.12em; font-weight:800; font-size:12px; }
h1 { margin:0; font-size:clamp(30px,7vw,48px); line-height:1.06; letter-spacing:-.035em; }
.lead { color:var(--muted); margin:18px 0 28px; }
form { display:grid; gap:18px; }
label { display:grid; gap:8px; font-weight:700; font-size:14px; }
input { width:100%; min-width:0; border:1px solid var(--line); border-radius:12px; background:#091524; color:var(--text); padding:14px 15px; font:inherit; outline:none; }
input:focus { border-color:var(--accent2); box-shadow:0 0 0 3px rgba(101,168,255,.16); }
.joined { display:flex; align-items:center; border:1px solid var(--line); border-radius:12px; background:#091524; overflow:hidden; }.joined:focus-within{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(101,168,255,.16)}.joined input{border:0;border-radius:0;box-shadow:none}.joined span{padding-right:15px;color:var(--muted);white-space:nowrap}
button,.button { border:0; border-radius:12px; padding:14px 18px; background:linear-gradient(135deg,var(--accent),#42bcf5); color:#04121d; font:800 16px/1.2 inherit; cursor:pointer; text-align:center; text-decoration:none; }
.button.secondary { display:inline-block; margin-top:22px; background:#203552; color:var(--text); }
.error { margin:0 0 20px; padding:12px 14px; border:1px solid #744b50; border-radius:12px; background:#321d25; color:var(--danger); }
.hint,.footer { color:var(--muted); font-size:14px; }.hint{margin:22px 0 0}.footer{text-align:center}.footer a,.hint a{color:var(--accent2)}
.settings { padding:16px 18px; border:1px solid var(--line); border-radius:16px; background:#091524; color:var(--muted); }.settings p{margin:8px 0}.settings strong{color:var(--text)}
@media (max-width:520px){.shell{padding-top:28px}.card{border-radius:20px}.joined{display:grid}.joined span{padding:0 15px 12px}}