:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#f5f8ff;background:#08162d}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 50% 48%,#203d72 0,#142a52 27%,#0b1a34 62%,#061126 100%)}.login-page{min-height:100dvh;display:grid;place-items:center;padding:34px}.login-card{width:min(505px,100%);padding:58px 50px 48px;border:1px solid #ffffff20;border-radius:30px;background:#101b2d;box-shadow:0 28px 80px #02081799;text-align:center}.login-logo{display:block;width:min(340px,85%);height:145px;object-fit:contain;margin:0 auto 30px}.login-card h1{margin:0;font-size:clamp(30px,4vw,43px);letter-spacing:-1px}.login-subtitle{color:#aebbd0;font-size:16px;margin:12px 0 42px}.login-card form{text-align:left}.login-card label{display:block;color:#dbe4f2;font-weight:700;font-size:14px;margin:0 0 23px}.field{display:flex;align-items:center;height:59px;margin-top:9px;padding:0 13px;border:1px solid #ffffff18;border-radius:14px;background:#1d293c;color:#7fb3ff}.field:focus-within{border-color:#4387f8;box-shadow:0 0 0 3px #4387f820}.field input{flex:1;min-width:0;height:100%;border:0;outline:0;padding:0 13px;background:transparent;color:#f4f7fb;font-size:16px}.field input::placeholder{color:#91a1b8}.field button{width:38px;height:38px;border:0;background:transparent;color:#79adfc;font-size:18px;cursor:pointer}.login-submit{width:100%;height:58px;border:0;border-radius:13px;background:linear-gradient(90deg,#2768eb,#4b86fa);color:#fff;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px #2365e633}.login-submit:hover{filter:brightness(1.07)}.login-submit:disabled{opacity:.65;cursor:wait}#login-error{min-height:24px;margin:-7px 0 8px;color:#ff8990;text-align:center;font-size:14px}.login-card footer{display:grid;gap:5px;margin-top:28px;color:#8291a8;font-size:12px}.login-card footer strong{color:#e8eef8;font-size:13px}@media(max-width:600px){.login-page{padding:16px}.login-card{padding:38px 22px 32px;border-radius:22px}.login-logo{height:120px;margin-bottom:20px}.login-subtitle{margin-bottom:30px}}
.login-card{width:min(560px,100%);padding-top:34px}.login-logo{width:min(490px,98%);height:220px;margin-bottom:0}.login-tagline{margin:-32px 0 30px;color:#c4d6ec;font-size:15px;line-height:1.4;font-weight:800;letter-spacing:.15px}.login-subtitle{margin-bottom:34px}@media(max-width:600px){.login-logo{height:170px}.login-tagline{margin-top:-24px;margin-bottom:25px;font-size:13px}}