.login-page{--blue:#2864ed;--blue-dark:#1d54d2;--navy:#102440;--text:#1d3857;--muted:#74869c;--border:#dbe5f1;position:relative;min-height:auto;padding:78px 20px 88px;overflow:hidden;background:radial-gradient(620px 390px at 50% 20%,rgba(217,232,255,.7),transparent 72%),#f5f8fd;color:var(--navy);font-family:Arial,Helvetica,sans-serif}.login-page *,.login-page :after,.login-page :before{box-sizing:border-box}.login-page a{color:inherit;text-decoration:none}.login-page button,.login-page input{font:inherit}.login-container{position:relative;z-index:2;width:100%;max-width:560px;margin:0 auto}.login-card{width:100%;overflow:hidden;border:1px solid #d9e4f1;border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(33,67,127,.13)}.login-card-header{min-height:62px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#12346e,#19478f);color:#fff}.login-card-title{display:flex;align-items:center;gap:11px}.login-icon{width:31px;height:31px;flex:none;display:grid;place-items:center;border:1px solid hsla(0,0%,100%,.16);border-radius:8px;background:hsla(0,0%,100%,.08);color:#fff;font-size:13px;font-weight:700}.login-card-title div>span{display:block;margin-bottom:3px;color:#8eabd5;font-size:6px;font-weight:800;letter-spacing:.15em}.login-card-title strong{display:block;font-size:11px}.login-secure{display:flex;align-items:center;gap:7px;color:#b2c5e1;font-size:6px;font-weight:800;letter-spacing:.12em}.login-secure i{width:7px;height:7px;border-radius:50%;background:#4ed5a4;box-shadow:0 0 0 4px rgba(78,213,164,.1)}.login-card-body{padding:30px}.login-heading{margin-bottom:25px}.login-heading>span{display:block;margin-bottom:8px;color:var(--blue);font-size:7px;font-weight:900;letter-spacing:.16em}.login-heading h1{margin:0;color:var(--navy);font-size:27px;line-height:1.08;letter-spacing:-.045em}.login-heading p{margin:8px 0 0;color:var(--muted);font-size:9px;line-height:1.6}.login-form{display:grid;gap:17px}.login-field label,.login-label-row label{display:block;margin-bottom:7px;color:#506880;font-size:7px;font-weight:800;letter-spacing:.12em}.login-label-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.login-field>input,.login-password{width:100%;height:50px;border:1px solid var(--border);border-radius:9px;background:#fbfcff;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.login-field>input{padding:0 14px;outline:0;color:var(--text);font-size:11px}.login-field>input:focus,.login-password:focus-within{border-color:#8aaff2;background:#fff;box-shadow:0 0 0 3px rgba(38,99,237,.07)}.login-field input::-moz-placeholder{color:#a2afbf}.login-field input::placeholder{color:#a2afbf}.login-field input:disabled{opacity:.65}.login-password{position:relative;display:flex;align-items:center}.login-password input{width:100%;height:100%;padding:0 48px 0 14px;border:0;background:transparent;color:var(--text);outline:0;font-size:11px}.login-password button{position:absolute;top:50%;right:8px;width:34px;height:34px;padding:8px;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:7px;background:transparent;color:#8a9bb0;cursor:pointer;transition:background .18s ease,color .18s ease}.login-password button:hover:not(:disabled){background:#eef4fd;color:var(--blue)}.login-password button:disabled{cursor:wait}.login-password svg{width:17px;height:17px}.login-error{padding:11px 12px;display:flex;align-items:flex-start;gap:9px;border:1px solid #efcaca;border-radius:8px;background:#fff5f5}.login-error>span{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:50%;background:#f7dddd;color:#b54444;font-size:8px;font-weight:900}.login-error strong{display:block;color:#913f3f;font-size:8px}.login-error p{margin:3px 0 0;color:#9f5050;font-size:8px;line-height:1.45}.login-submit{width:100%;min-height:50px;padding:0 13px 0 17px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:0;border-radius:9px;background:linear-gradient(135deg,#2c68ef,#2359d8);color:#fff;cursor:pointer;box-shadow:0 11px 24px rgba(38,99,237,.19);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 15px 30px rgba(38,99,237,.25)}.login-submit>span{font-size:9px;font-weight:800}.login-submit>i{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:hsla(0,0%,100%,.12)}.login-submit svg{width:14px;height:14px}.login-submit:disabled{opacity:.65;cursor:wait}.login-spinner{width:17px!important;height:17px!important;border:2px solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%!important;background:transparent!important;animation:loginSpin .7s linear infinite}@keyframes loginSpin{to{transform:rotate(1turn)}}.login-security{margin-top:17px;padding:12px;display:flex;align-items:center;gap:10px;border:1px solid #dce8f8;border-radius:9px;background:#f5f9ff}.login-security>span{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:8px;background:#e5efff;color:var(--blue)}.login-security svg{width:15px;height:15px}.login-security strong{display:block;color:#49627e;font-size:8px}.login-security p{margin:3px 0 0;color:#8796a9;font-size:7px;line-height:1.5}.login-register{margin-top:20px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #edf1f6}.login-register>div>span{display:block;margin-bottom:3px;color:#9aa8b9;font-size:6px;font-weight:800;letter-spacing:.1em}.login-register>div>strong{display:block;color:#405b77;font-size:8px}.login-register>a{min-height:37px;padding:0 13px;display:flex;align-items:center;gap:8px;border:1px solid #d8e4f4;border-radius:8px;background:#f9fbff;color:var(--blue);font-size:8px;font-weight:800;transition:background .18s ease,border-color .18s ease}.login-register>a:hover{border-color:#b8cef0;background:#edf4ff}.login-register>a svg{width:13px;height:13px}.login-footnote{margin:14px 0 0;text-align:center;color:#94a2b4;font-size:7px;line-height:1.5}@media (max-width:700px){.login-page{padding:55px 18px 65px}.login-container{max-width:540px}}@media (max-width:520px){.login-page{padding:30px 12px 42px}.login-card{border-radius:13px}.login-card-header{min-height:57px;padding:0 16px}.login-card-body{padding:24px 17px 19px}.login-heading{margin-bottom:21px}.login-heading h1{font-size:24px}.login-field>input,.login-password{height:51px}.login-field>input,.login-password input{font-size:12px}.login-register{align-items:stretch;flex-direction:column;gap:12px}.login-register>a{width:100%;justify-content:space-between}}@media (max-width:380px){.login-page{padding:24px 10px 35px}.login-secure{display:none}.login-card-body{padding:21px 14px 17px}.login-heading h1{font-size:22px}}@media (prefers-reduced-motion:reduce){.login-page *,.login-page :after,.login-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}