:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 80% 0%,#1a3546,#090f18 58%);color:#e6f4fa;font-family:Inter,system-ui,'Segoe UI',sans-serif;display:grid;place-items:center;padding:20px}.auth-card{width:min(100%,430px);background:#111d2a;border:1px solid #355063;border-radius:18px;padding:34px;box-shadow:0 30px 70px #0007}.brand-small{color:#b6d2e1;font-size:12px;font-weight:900;letter-spacing:.12em}.brand-small span{color:#65e4f7;font-size:20px}h1{margin:25px 0 8px;font-size:31px;letter-spacing:-.04em}p{color:#a5bdcb;line-height:1.55;font-size:14px;margin:0 0 22px}label{display:block;font-size:12px;color:#c8dee8;font-weight:700;margin:16px 0}input{display:block;background:#09121c;border:1px solid #33566a;border-radius:9px;color:white;padding:13px;width:100%;margin-top:8px;font:inherit;outline:none}input:focus{border-color:#5cdaef}button{display:block;width:100%;background:#58d7ec;color:#061924;border:0;border-radius:9px;padding:14px;font-weight:900;font:inherit;cursor:pointer;margin-top:24px}button:hover{background:#85eaff}small{display:block;margin-top:20px;color:#7f9fae;line-height:1.5}a{color:#84ddef}.alert,.success{padding:12px;border-radius:9px;font-size:13px;margin:15px 0}.alert{background:#4b1f2c;border:1px solid #984253;color:#ffcbd7}.success{background:#18382c;border:1px solid #397e63;color:#c5ffe0}