*,*::before,*::after{box-sizing:border-box}body{align-items:center;background:#0f1117;color:#f0f0f5;display:flex;font-family:Inter,system-ui,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:24px}.auth-card{background:#1a1d27;border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:420px;padding:36px;width:100%}h1{font-size:24px;margin:0 0 10px}p,small{color:#a7aabd;line-height:1.5}form{display:grid;gap:10px;margin-top:24px}label{color:#a7aabd;font-size:12px;font-weight:700;letter-spacing:.04em;margin-top:6px;text-transform:uppercase}input{background:#0f1117;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font:inherit;padding:12px 14px;width:100%}input:focus{border-color:#4f7dff;outline:none}button{background:#4f7dff;border:0;border-radius:10px;color:#fff;cursor:pointer;font:inherit;font-weight:700;margin-top:8px;padding:13px}.auth-link{color:#8eabff;display:inline-block;margin-top:20px}.auth-error,.auth-success{border-radius:8px;margin:16px 0;padding:11px 13px}.auth-error{background:#3b1e25;color:#ff9ca9}.auth-success{background:#17372d;color:#8ce3bf}