*{box-sizing:border-box}html,body{min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}body{background:#f4f6fb}.login-page{grid-template-columns:58% 42%;min-height:100vh;display:grid;overflow:hidden}.login-access{background:radial-gradient(circle at 100% 0,#5f6fff14,#0000 35%),#f6f7fb;place-items:center;min-height:100vh;padding:34px;display:grid}.login-card{background:#fff;border:1px solid #1d295312;border-radius:26px;width:min(100%,500px);padding:28px 44px 34px;box-shadow:0 25px 60px #00000026}.login-logo{width:370px;max-width:100%;margin:0 auto 18px;display:block}.login-divider{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:2px 0 26px;display:grid}.login-divider span{opacity:.65;background:#ff7a00;height:2px}.login-divider strong{color:#f26a00;letter-spacing:4px;white-space:nowrap;font-size:14px}.login-card h1{color:#161b31;text-align:center;letter-spacing:-.8px;margin:0;font-size:32px;line-height:1.15}.login-subtitle{color:#6f7588;text-align:center;margin:12px 0 34px;font-size:15px}.login-card label{color:#19213a;letter-spacing:.4px;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900;display:block}.login-card input{color:#1c2132;background:#fff;border:1px solid #d8deea;border-radius:13px;outline:none;width:100%;height:58px;padding:0 18px;font-size:15px;transition:all .2s}.login-card input:focus{border-color:#2457ef;box-shadow:0 0 0 4px #2457ef1f}.password-field{position:relative}.password-field input{padding-right:88px}.password-field button{color:#2457ef;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.forgot-password{color:#0e4ff0;cursor:pointer;background:0 0;border:0;margin:12px 0 22px auto;font-size:13px;font-weight:800;display:block}.login-error{color:#c73543;background:#fff0f1;border-radius:10px;margin:0 0 16px;padding:12px 14px;font-size:13px;font-weight:700}.login-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0648e9,#214df4);border:0;border-radius:13px;width:100%;height:58px;font-size:18px;font-weight:900;box-shadow:0 14px 30px #1645e047}.login-security{color:#71788b;text-align:center;margin:30px 0 0;font-size:13px}.login-card footer{color:#8e94a5;text-align:center;margin-top:24px;font-size:12px}@media (max-width:980px){.login-page{grid-template-columns:1fr}.login-art{display:none}.login-access{padding:22px}}@media (max-width:520px){.login-card{border-radius:22px;padding:34px 24px 28px}.login-card h1{font-size:27px}.login-divider strong{letter-spacing:2.5px;font-size:12px}}.login-art{background:#0d3de8;width:100%;height:100vh;overflow:hidden}.login-art-image{object-fit:cover;object-position:0% center;width:100%;height:100%;display:block}