/* Reference-style login only; the signed-in dashboard keeps its white/orange/navy design. */
#login.reference-login{position:relative;isolation:isolate;min-height:100dvh;padding:36px 20px 28px;background:radial-gradient(ellipse at 84% 100%,#16476b55,transparent 48%),linear-gradient(135deg,#07131f,#030a12 58%,#081b2c);color:#d8e0e8;overflow:hidden}
#login.reference-login::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(148deg,transparent 25%,#bd5a2420 25.2%,transparent 25.7%,transparent 64%,#ff5b001a 64.2%,transparent 64.7%),linear-gradient(28deg,transparent 69%,#ffffff06 69.2%,transparent 69.5%);pointer-events:none}
#login.reference-login::after{content:"";position:absolute;width:370px;height:250px;right:-135px;bottom:35px;border:12px solid #9dafbd10;border-radius:25px;transform:rotate(-37deg);background:repeating-linear-gradient(90deg,transparent 0 49px,#a1b7c30b 50px 54px),repeating-linear-gradient(0deg,transparent 0 44px,#a1b7c30b 45px 49px);pointer-events:none;z-index:-1}
#login .login-box{width:min(570px,100%);position:relative}#login .login-brand .logo{width:96px;height:100px;margin:0 auto 17px;border-radius:14px;padding:5px;background:#fff;box-shadow:0 10px 35px #0005}#login .login-brand h1{font-family:Arial,sans-serif;font-size:clamp(24px,4vw,31px);line-height:1.25;letter-spacing:.025em;font-weight:800;margin:0 0 12px;color:white}#login .login-brand h1 span{display:block;color:#ff6a16;font-size:.7em;margin-top:6px;letter-spacing:.06em}#login .login-brand>p{color:#c9d2dd;font-size:clamp(15px,2.8vw,20px);letter-spacing:.025em;margin:0}.login-brand-rule{width:92px;height:2px;margin:27px auto;background:#ff5b00;box-shadow:0 5px 0 #ff5b0015}
#login .login-card{border:1px solid #ff5b0045;border-radius:18px;background:#02070dd9;box-shadow:0 22px 60px #0005;overflow:hidden}#login .login-company{font-size:15px;letter-spacing:.035em;color:#cbd4dd;line-height:1.6;margin:0 26px;padding:25px 0 22px;border-bottom:1px solid #b9c7d523}#login .login-company strong{font-weight:650;color:#f3f6fa}
#login .panel{margin:0;padding:27px 28px 32px;border:none;border-radius:0;background:transparent;box-shadow:none;text-align:left}#login .panel h2{font-size:29px;color:#ff6a16;margin:3px 0 11px;text-align:center;font-weight:750}#login .login-intro{font-size:19px;text-align:center;margin:0 0 32px;color:#c0cad5}#login .login-input-wrap{position:relative;display:flex;align-items:center;margin:0 0 23px;color:#bbc5d1}#login .login-input-wrap>svg{position:absolute;left:17px;width:22px;height:25px;fill:none;stroke:#aab8c7;stroke-width:1.7;pointer-events:none}#login .login-input-wrap input{min-height:58px;padding:16px 49px 16px 54px;font-size:18px;border:1px solid #ffffff29;border-radius:9px;background:#ffffff06;color:#f3f6fa;box-shadow:inset 0 1px 2px #ffffff03}#login .login-input-wrap:first-of-type input{border-color:#ff6a16;box-shadow:0 0 0 2px #ff5b0025}#login .login-input-wrap input::placeholder{color:#a4b1c1}#login .login-input-wrap input:focus{border-color:#ff782e;outline:2px solid #ff5b0040;outline-offset:2px}#login .login-input-wrap:focus-within>svg{stroke:#ff8d50}
#login .password-visibility{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:43px;height:44px;margin:0;padding:10px;border:0;background:transparent;box-shadow:none;color:#b4c0cc}#login .password-visibility svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}#login .password-visibility:focus-visible{outline:2px solid #ff7b33}
#login .login-options{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 4px}#login .remember-option{display:flex;align-items:center;gap:10px;margin:0;color:#cbd4df;font-size:16px;white-space:nowrap}#login .remember-option input{width:20px;height:20px;margin:0;padding:0;accent-color:#ff5b00;border-radius:4px;box-shadow:none;flex-shrink:0}#login .forgot-password{width:auto;margin:0;padding:7px 0;box-shadow:none;border:0;background:transparent;color:#ff8c4a;font-weight:500;font-size:16px}#login .forgot-password:hover{text-decoration:underline}#login .remember-note{font-size:11px;color:#a3b2c2;margin:8px 0 13px;text-align:left}#login #loginError{min-height:0;color:#ffaca4;line-height:1.5}#login #loginError:not(:empty){padding:9px 0 4px}#login .panel .login-submit{width:100%;min-height:58px;margin-top:10px;border:1px solid #ffb78c;border-radius:8px;background:linear-gradient(110deg,#ffab73,#ff5b00 76%);color:#08283e;font-size:19px;font-weight:700;box-shadow:0 4px 14px #ff5b0015}#login .login-submit:focus-visible{outline:3px solid #8ecdf9;outline-offset:3px}#login .login-submit:disabled{opacity:.7;cursor:wait}
#login .login-footer{display:block;position:static;margin-top:28px;padding:0 14px;background:none;border:none;color:#9aaabd;font-size:13px;line-height:1.6;text-align:center}#login .login-footer p{margin:8px 0}#login .login-assurance{display:flex;align-items:center;justify-content:center;gap:9px}#login .login-assurance svg{width:18px;height:20px;fill:none;stroke:#ff7b32;stroke-width:1.6}.login-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-help-dialog{padding:26px;max-width:490px}.login-help-dialog p{line-height:1.6}.login-help-dialog h2{font-size:22px}
@media(max-width:460px){#login.reference-login{padding:25px 13px 22px}#login .login-brand .logo{width:79px;height:82px}#login .login-company{margin:0 20px;font-size:13px;padding:22px 0 18px}#login .panel{padding:23px 20px 27px}#login .panel h2{font-size:26px}#login .login-intro{font-size:18px;margin-bottom:27px}#login .login-input-wrap input{font-size:16px;min-height:55px}#login .remember-option,#login .forgot-password{font-size:13px}#login .login-options{gap:8px}#login .login-footer{font-size:12px}.login-brand-rule{margin:23px auto}}
@media print{#login.reference-login,.login-help-dialog{display:none!important}}