:root{--color-bg:#080b14;--color-surface:#161f2de6;--color-border:#627faa59;--color-text:#e6edf7;--color-muted:#99a8ba;--color-primary:#2f80ff;--color-primary-hover:#5ea0ff;--color-secondary:#ff4b88;color:var(--color-text);background:var(--color-bg);font-family:Inter,Manrope,Segoe UI,Roboto,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(760px 340px at 90% -12%,#2f80ff47,transparent 62%),radial-gradient(560px 280px at -10% 22%,#ff4b8833,transparent 58%),var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text);margin:0}button,input{font:inherit}main{max-width:560px;min-height:100vh;margin:auto;padding:20px 16px 32px}header{color:var(--color-muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 0 22px;font-size:14px;display:flex}header strong{color:var(--color-text);letter-spacing:.04em;font-size:16px}h1{letter-spacing:-.03em;margin:14px 0 8px;font-size:clamp(28px,8vw,36px);line-height:1.1}h1+.subtitle{color:var(--color-muted);margin:0 0 24px;font-size:15px}form,section{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;gap:14px;padding:18px;display:grid;box-shadow:0 18px 44px #0000002e}form p,section p{color:var(--color-muted);margin:0;font-size:14px;line-height:1.45}input{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:#080b1499;border-radius:11px;outline:none;padding:14px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#758398}input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2f80ff2e}button{background:linear-gradient(135deg,var(--color-primary),#1d66d8);color:#fff;cursor:pointer;border:0;border-radius:11px;min-height:48px;font-weight:700;box-shadow:0 10px 22px #2f80ff40}button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary))}.secondary{background:linear-gradient(135deg,#7631a9,#a72975);box-shadow:0 10px 22px #ff4b8833}button:disabled{cursor:wait;opacity:.66}.error{color:#ffc1d5;background:#ff4b881a;border:1px solid #ff4b8880;border-radius:11px;margin:0 0 16px;padding:12px 14px;font-size:14px}section{border-color:#2f80ff7a;margin-top:18px}section b{font-size:18px}section ul{color:var(--color-muted);margin:0;padding-left:18px;font-size:14px;line-height:1.55}@media (width<=380px){main{padding-inline:12px}form,section{padding:15px}}