html,body{background:#f4f6f9;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}*{box-sizing:border-box}.portal-frame{border:0;width:100%;height:100%;display:block}.login-page{--navy:#0c1730;--navy-light:#172746;--gold:#d0aa5b;--ink:#15213a;--muted:#6f7b8e;min-height:100%;color:var(--ink);background:radial-gradient(circle at 50% 40%,#3f78ad14,#0000 28rem),#f5f7fa;grid-template-rows:76px 1fr auto;display:grid}.login-header{color:#fff;background:linear-gradient(105deg, #081225, var(--navy-light));border-bottom:2px solid #d0aa5bb8;align-items:center;padding:0 clamp(24px,4vw,58px);display:flex;box-shadow:0 8px 28px #08122524}.login-brand{letter-spacing:.04em;align-items:center;gap:12px;display:flex}.login-brand img{object-fit:contain;width:30px;height:52px}.login-brand span{font-size:18px;font-weight:400}.login-brand strong{font-weight:800}.login-main{place-items:center;padding:42px 20px;display:grid}.login-card{text-align:center;background:#fffffff5;border:1px solid #dce2ea;border-radius:22px;width:min(100%,440px);padding:40px 42px 34px;position:relative;overflow:hidden;box-shadow:0 24px 70px #12233d1f}.login-card:before{content:"";background:linear-gradient(90deg,#b58b3c,#e4c77f,#b58b3c);height:5px;position:absolute;inset:-1px -1px auto}.login-mark{background:linear-gradient(145deg,#1b3052,#09152b);border-radius:17px;place-items:center;width:58px;height:58px;margin:-6px auto 13px;display:grid;box-shadow:0 10px 24px #0c173033}.login-mark img{object-fit:contain;object-position:center 18%;width:27px;height:47px}.login-eyebrow{color:#40516b;letter-spacing:.16em;margin:0 0 14px;font-size:13px;font-weight:800}.login-eyebrow span{color:#b78c3d}.login-card h1{letter-spacing:-.035em;margin:0 0 8px;font-size:34px;line-height:1.15}.login-intro{color:var(--muted);margin:0 0 28px;font-size:14px}.login-form{text-align:left;gap:17px;display:grid}.login-form label{gap:7px;display:grid}.login-form label>span{color:#40506a;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:750}.login-form input{width:100%;height:48px;color:var(--ink);font:inherit;background:#f9fbfd;border:1px solid #cdd6e2;border-radius:10px;outline:none;padding:0 14px;font-size:15px;transition:all .18s}.login-form input:focus{background:#fff;border-color:#517ca8;box-shadow:0 0 0 4px #3f78ad1f}.password-field{position:relative}.password-field input{padding-right:82px}.password-field button{color:#607087;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 9px;font-size:12px;font-weight:700;position:absolute;inset:5px 5px 5px auto}.password-field button:hover{color:#254f7b;background:#edf3f8}.forgot-link{color:#52627a;justify-self:center;font-size:13px}.forgot-link:hover{color:#204f7d}.login-submit{color:#fff;height:48px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#15294a,#081326);border:1px solid #071225;border-radius:10px;margin-top:1px;font-size:15px;font-weight:800;transition:all .18s;box-shadow:0 10px 23px #0c17302e}.login-submit:hover:not(:disabled){background:linear-gradient(135deg,#1d385f,#0b1b35);transform:translateY(-1px)}.login-submit:disabled{opacity:.65;cursor:wait}.login-error{color:#9d3030;text-align:center;background:#fff0f0;border-radius:9px;margin:-3px 0 0;padding:10px 12px;font-size:13px}.login-success{color:#1e6948;text-align:center;background:#eaf7f0;border-radius:9px;margin:-3px 0 0;padding:10px 12px;font-size:13px}.login-secure{color:#768296;justify-content:center;align-items:center;gap:7px;margin-top:25px;font-size:11px;display:flex}.login-secure span{color:#277351;background:#e7f5ed;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;font-weight:900;display:grid}.login-footer{color:#7a8697;text-align:center;padding:18px 22px 22px;font-size:12px}.login-footer a{color:#536a87;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (width<=560px){.login-page{grid-template-rows:66px 1fr auto}.login-header{padding:0 22px}.login-brand span{font-size:16px}.login-main{padding:28px 14px}.login-card{border-radius:18px;padding:34px 23px 28px}.login-card h1{font-size:30px}.login-footer{line-height:1.7}}
