body{background:#f6f7fb}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0%,#efedff 0,transparent 55%),#f6f7fb}.login-screen[hidden]{display:none}.login-card{width:min(420px,100%);padding:36px 38px 29px;background:#fff;border:1px solid #eceef4;border-radius:16px;box-shadow:0 20px 70px rgba(37,40,58,.09)}.login-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;margin-bottom:32px}.login-brand .brand-mark{width:42px;height:42px;font-size:23px;border-radius:13px}.login-brand .brand-name{font-size:18px}.login-card .eyebrow{margin-bottom:10px}.login-card h1{margin:0;color:#282a3a;font:800 25px/1.2 Manrope,sans-serif;letter-spacing:-.8px}.login-description{margin:8px 0 24px;color:#9295a4;font-size:12px;line-height:1.55}.login-card form{display:grid;gap:15px}.login-card .field{gap:7px}.login-card .field>span{font-size:10px;color:#55586a}.login-card .field input{height:43px;padding:0 12px;border:1px solid #e8e9f0;border-radius:8px;background:#fff;color:#34364a;font:12px 'DM Sans',sans-serif;outline:0}.login-card .field input::placeholder{color:#afb1bd}.login-card .field input:focus{border-color:#b6adf0;box-shadow:0 0 0 3px #f5f3ff}.login-submit{width:100%;height:43px;margin-top:3px;justify-content:center;font-size:12px}.login-submit span{font-size:16px;margin-left:4px}.login-submit:disabled{opacity:.7;cursor:wait}.login-error{margin:0;padding:9px 10px;border:1px solid #f2d3d0;border-radius:7px;background:#fff6f5;color:#b4544d;font-size:10px;line-height:1.45}.login-error[hidden]{display:none}.login-security{display:flex;align-items:center;justify-content:center;gap:6px;margin:21px 0 0;color:#a0a2af;font-size:9px}.login-security span{color:#8e83db;font-size:12px}.logout-button{height:28px;padding:0 10px;border:1px solid #e9eaf1;border-radius:7px;background:#fff;color:#7a7d8f;font-size:10px}.logout-button:hover{border-color:#d7d2f3;background:#faf9ff;color:#6253d7}@media(max-width:480px){.login-screen{padding:18px}.login-card{padding:29px 23px 24px}.login-brand{margin-bottom:27px}}
