:root{font-family:Arial,Helvetica,sans-serif;color:#08102b;background:#f4f3ff;color-scheme:light}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 10%,#ded9ff,transparent 34%),radial-gradient(circle at 90% 90%,#c9f1db,transparent 30%),#f7f7fb}.login-card{width:min(440px,100%);background:#fff;border:1px solid #e2e1eb;border-radius:20px;padding:34px;box-shadow:0 24px 65px rgba(8,16,43,.12)}.login-brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:20px}.login-brand-icon{width:42px;height:42px;border-radius:12px;object-fit:contain}.login-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#482dff;color:#fff;font-size:27px;font-weight:800;letter-spacing:-3px;padding-right:3px}.login-heading{margin:30px 0 26px}.login-heading p{margin:0 0 9px;font-size:12px;letter-spacing:.13em;font-weight:700;color:#482dff}.login-heading h1{font-size:32px;line-height:1.15;letter-spacing:-.04em;margin:0 0 12px}.login-heading span{color:#6d7180;line-height:1.65;font-size:14px}form{display:grid;gap:10px}label{font-size:14px;font-weight:700;margin-top:7px}input{width:100%;border:1px solid #d9d9e2;border-radius:10px;padding:13px 14px;font:inherit;color:inherit;background:#fff;outline-offset:3px}input:focus{border-color:#482dff;outline:2px solid #dad5ff}.password-field{position:relative}.password-field input{padding-right:92px}.password-field button{position:absolute;right:7px;top:7px;bottom:7px;border:0;background:#f0efff;color:#482dff;border-radius:7px;padding:0 11px;font-weight:700;cursor:pointer}.login-button{border:0;border-radius:999px;background:#482dff;color:#fff;padding:13px 20px;margin-top:13px;font:inherit;font-weight:700;cursor:pointer}.login-button:hover{background:#3922d7}.login-button:disabled{opacity:.65;cursor:wait}.login-message{margin:6px 0 0;background:#fff0f1;color:#9d2630;border-radius:9px;padding:11px 13px;font-size:13px}.back-link{display:block;margin-top:25px;color:#676b79;text-decoration:none;font-size:13px}.back-link:hover{color:#482dff}@media(max-width:480px){body{padding:0;background:#fff}.login-card{min-height:100vh;border:0;border-radius:0;box-shadow:none;padding:28px 22px}.login-heading{margin-top:35px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
