:root {font-family:Arial,Helvetica,sans-serif;color:#10172a;background:#050919;font-synthesis:none;-webkit-font-smoothing:antialiased}
* {box-sizing:border-box}
body {margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 95% 5%,#19368950,transparent 45%),radial-gradient(ellipse at 0% 90%,#4a2cb82b,transparent 45%)}
main {background:#fff;border:1px solid #e2e7f1;border-top:3px solid #7762ff;border-radius:12px;padding:32px 44px 40px;max-width:480px;width:100%;box-shadow:0 24px 80px #00000030}
.brand {display:flex;gap:18px;align-items:center}
.brand img {display:block;width:144px;height:auto}
.suite {font-size:10px;font-weight:600;letter-spacing:1px;color:#5f4ae5;background:#f4f6fb;border:1px solid #e5eaf3;padding:7px 11px;border-radius:24px}
h1 {color:#090e1e;font-size:30px;font-weight:750;letter-spacing:-1px;margin-top:24px}
p {color:#66738b;line-height:1.8;font-size:14px}
form {display:grid;gap:10px;margin-top:28px}
label {font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:#475570;margin-top:10px}
input {width:100%;border:1px solid #cfdaed;border-radius:6px;padding:14px;font:inherit;color:#172039;background:#fff}
input:focus {outline:2px solid #7863ff;outline-offset:2px}
button,.app {border:1px solid #242d45;background:#11182b;color:#fff;border-radius:6px;padding:13px 24px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;margin-top:16px}
button:hover {background:#282344}
button:focus-visible,a:focus-visible {outline:3px solid #8a78ff;outline-offset:4px}
.error {background:#fff3f4;color:#a82e41;border:1px solid #f2c4ca;border-radius:6px;padding:14px;font-size:14px}
.app {display:block;text-decoration:none;text-align:center;background:#f4f6fb;border-color:#e2e7f1;color:#10172a}
.app:hover {background:#eeeaff;border-color:#7762ff}
footer {font-size:12px;color:#71809b;border-top:1px solid #e6ebf4;padding-top:24px;margin-top:32px}
@media(max-width:500px) {body {padding:12px} main {padding:24px}}