.login-page{background:radial-gradient(circle at 15% 20%,#1596a81a,#0000 32%),radial-gradient(circle at 85% 80%,#0f788814,#0000 30%),#f5f8fb;justify-content:center;align-items:center;min-height:100vh;padding:30px 20px;display:flex;position:relative;overflow:hidden}.login-background-shape{pointer-events:none;border-radius:50%;position:absolute}.login-shape-one{background:#1596a812;width:420px;height:420px;top:-220px;left:-170px}.login-shape-two{background:#0b1d2a09;width:500px;height:500px;bottom:-270px;right:-250px}.login-card{z-index:1;background:#fff;border:1px solid #e7edf2;border-radius:18px;width:100%;max-width:440px;padding:38px;position:relative;box-shadow:0 20px 55px #0b1d2a14,0 3px 12px #0b1d2a09}.login-brand{align-items:center;gap:12px;margin-bottom:34px;display:flex}.login-logo{color:#fff;background:linear-gradient(145deg,#20aabd 0%,#1596a8 55%,#0f7888 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 7px 18px #1596a833}.login-logo span{font-size:23px;font-weight:800}.login-brand-name{color:#0b1d2a;letter-spacing:-.4px;font-size:21px;font-weight:750;line-height:1.1}.login-brand-subtitle{color:#8a96a3;margin-top:3px;font-size:11px;font-weight:500}.login-heading{margin-bottom:25px}.login-heading h1{color:#0b1d2a;letter-spacing:-.6px;margin:0;font-size:27px;font-weight:700}.login-heading p{color:#7a8793;margin:7px 0 0;font-size:13px}.login-error{color:#b42318;background:#fff5f5;border:1px solid #f0caca;border-radius:8px;margin-bottom:18px;padding:11px 13px;font-size:12px;line-height:1.5}.login-form{flex-direction:column;gap:19px;display:flex}.login-field{flex-direction:column;gap:7px;display:flex}.login-field label,.login-label-row label{color:#344054;font-size:12px;font-weight:600}.login-label-row{justify-content:space-between;align-items:center;display:flex}.login-input-wrapper{color:#98a2b3;background:#fff;border:1px solid #dce4ea;border-radius:8px;align-items:center;gap:10px;height:45px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.login-input-wrapper:focus-within{border-color:#1596a8;box-shadow:0 0 0 3px #1596a817}.login-input-wrapper input{color:#1d2939;background:0 0;border:0;outline:0;width:100%;min-width:0;font-family:inherit;font-size:13px}.login-input-wrapper input::placeholder{color:#aab3bd}.password-toggle{color:#98a2b3;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.password-toggle:hover{color:#1596a8}.forgot-password{color:#1596a8;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:11px;font-weight:600}.forgot-password:hover{color:#0f7888}.remember-me{color:#667085;cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.remember-me input{accent-color:#1596a8;cursor:pointer;width:14px;height:14px}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1596a8,#0f7888);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:45px;margin-top:2px;font-family:inherit;font-size:13px;font-weight:650;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;box-shadow:0 7px 18px #1596a833}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 22px #1596a840}.login-submit:disabled{cursor:not-allowed;opacity:.7}.login-spinner{animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-footer{color:#98a2b3;justify-content:center;align-items:center;gap:4px;margin-top:28px;font-size:10px;display:flex}.login-footer strong{color:#667085;font-weight:650}@media (max-width:520px){.login-page{padding:20px 14px}.login-card{border-radius:15px;padding:28px 22px}.login-brand{margin-bottom:28px}.login-heading h1{font-size:24px}}