.login-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.25),transparent 32%),linear-gradient(135deg,#315f94,#4E82BC 55%,#76a7d4)}.login-card{width:min(440px,100%);background:#fff;border:1px solid rgba(255,255,255,.65);border-radius:22px;padding:35px;box-shadow:0 25px 70px rgba(17,49,84,.28)}.login-logo{display:block;width:175px;margin:0 auto 18px;padding:12px 18px;border-radius:12px;background:#4E82BC}.login-kicker{display:block;text-align:center;color:#4E82BC;font-size:11px;font-weight:800;letter-spacing:.16em}.login-title{display:flex;gap:12px;align-items:flex-start;margin:25px 0 22px}.login-title>svg{flex:0 0 auto;width:24px;height:24px;color:#4E82BC;margin-top:2px}.login-title h1{font-size:23px;letter-spacing:-.03em;margin:0;color:#193451}.login-title p{font-size:13px;color:#6f7f93;margin:5px 0 0}.login-form{display:flex;flex-direction:column;gap:17px}.login-form>div>label{display:block;font-size:13px;color:#30445f;margin-bottom:7px}.login-form>button{width:100%;margin-top:3px}.password-field{position:relative}.password-field input{padding-right:48px}.password-field>button{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#60738a}.password-field>button:hover{background:#edf4fb;color:#315f94}.password-field svg{width:18px}.login-error{padding:10px 12px;border:1px solid #f0b8bd;border-radius:9px;background:#fff1f2;color:#a51d2b;font-size:12px}.login-help{display:block;text-align:center;color:#7c8999;margin-top:20px}@media(max-width:560px){.login-page{padding:16px}.login-card{padding:27px 21px;border-radius:17px}.login-title h1{font-size:21px}}