.pin-login{background:radial-gradient(circle at 50% 18%,#26495a 0,#102a37 42%,#0b202b 100%)}
.pin-card{width:min(480px,100%);padding:30px 42px 34px;border:0;box-shadow:0 28px 70px #06151e70}
.pin-card img{height:88px}
.pin-card .brand-wordmark{display:flex;align-items:center;justify-content:center;gap:11px;width:auto;height:auto;margin:0 auto 24px;padding:0;border:0;background:transparent;box-shadow:none;filter:none}
.pin-card .brand-copy{display:grid;text-align:left}
.pin-card .login-retry{margin:12px auto 0}
.pin-card .login-retry[hidden]{display:none}
.lock-mark{width:54px;height:54px;margin:4px auto 12px;border-radius:50%;display:grid;place-items:center;background:#e9eef1;color:var(--navy);font-size:28px}
.pin-card h1{font-size:27px;margin-bottom:7px}
.pin-card>p{margin:0 auto 24px;max-width:320px;line-height:1.5}
.pin-boxes{display:flex;justify-content:center;gap:12px;margin:20px 0}
.pin-digit{width:62px;height:68px;border:1px solid #cbd3d8;border-radius:10px;background:#f8f9f9;color:var(--ink);font-size:28px;text-align:center;outline:none}
.pin-digit:focus{border-color:var(--navy);box-shadow:0 0 0 3px #1737461c;background:#fff}
.login-submit{display:block;width:100%;height:48px;margin-top:18px}
.login-submit:disabled{background:#aab3b8;border-color:#aab3b8;cursor:not-allowed}
.pin-card .login-help{font-size:12px;margin:18px 0 0}
.login-progress{text-align:center;color:#63737d;font-size:12px;min-height:18px}
@media(max-width:520px){.pin-card{padding:25px 20px}.pin-digit{width:54px;height:62px}.pin-boxes{gap:8px}}

/* Reference-inspired authentication panel; scoped to the main sign-in screen. */
.workstation-login{min-height:100svh;padding:38px 24px;background:#292f33;color:#182a32;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.workstation-login .pin-card{width:min(700px,100%);padding:38px 50px 0;border:2px solid #1c292e;border-radius:24px;background:#fff;box-shadow:0 0 0 8px #555d61,0 30px 80px #111a2050;text-align:center}
.workstation-login .brand-wordmark{margin-bottom:35px}
.workstation-login .login-eyebrow{display:none}
.workstation-login h1{margin:0 0 12px;font-size:42px;font-weight:550;line-height:1.15;letter-spacing:-.055em}
.workstation-login .login-intro{max-width:none;margin:0;color:#687175;font-size:23px;font-weight:400;line-height:1.4;letter-spacing:-.035em}
.workstation-login .login-workstation{display:grid;gap:9px;width:min(360px,100%);margin:30px auto 0;text-align:left}
.workstation-login .login-workstation label{margin:0;font-size:13px;line-height:1.3;font-weight:500;color:#647278}
.workstation-login .login-workstation select{width:100%;height:52px;border:1px solid #d8dfe1;border-radius:12px;padding:0 14px;background:#f8f9f9;color:#182a32;font-size:16px;font-weight:450;box-shadow:none}
.workstation-login .login-workstation select:focus-visible{outline:2px solid #182a32;outline-offset:3px}
.workstation-login .pin-boxes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:550px;margin:36px auto 24px}
.workstation-login .pin-digit{width:100%;min-width:0;height:174px;padding:0;border:2px solid #e6e8e8;border-radius:999px;background:#fff;color:#172a32;caret-color:var(--blue);font-size:65px;font-weight:400;line-height:1;box-shadow:none}
.workstation-login .pin-digit:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 16%,transparent)}
.workstation-login .pin-digit.is-filled{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 29%,white)}
.workstation-login .pin-digit.is-filled:focus{border-color:var(--blue)}
.workstation-login .pin-digit:disabled{opacity:1;-webkit-text-fill-color:#172a32;cursor:wait}
.workstation-login .login-progress{margin:0 auto;max-width:310px;font-size:14px;font-weight:400;line-height:1.5;color:#314349}
.workstation-login .login-station-hint{margin:9px auto 29px;font-size:12px;color:#66777e;line-height:1.5}
.workstation-login .login-footer{margin:0 -50px;padding:21px 22px;border-top:1px solid #e0e4e6;font-size:13px;font-weight:400;color:#5e6d74;line-height:1.5}
.workstation-login .login-footer span{color:#203942}
.workstation-login .login-error{margin:18px auto 0;max-width:460px;border:1px solid #ecd7d7;border-radius:12px;padding:10px 14px;background:#fcf5f5;font-size:13px;line-height:1.4}
.workstation-login .login-error[hidden]{display:none}
@media(max-width:720px){.workstation-login{padding:24px 18px}.workstation-login .pin-card{padding:28px 25px 0;border-radius:22px;box-shadow:0 0 0 6px #555d61,0 24px 60px #111a2040}.workstation-login h1{font-size:35px}.workstation-login .login-intro{font-size:20px}.workstation-login .brand-wordmark{margin-bottom:27px}.workstation-login .pin-boxes{gap:9px}.workstation-login .pin-digit{height:144px;font-size:51px}.workstation-login .login-footer{margin:0 -25px}}
@media(max-width:430px){.workstation-login .pin-card{padding:25px 18px 0}.workstation-login h1{font-size:32px}.workstation-login .login-intro{font-size:18px}.workstation-login .pin-digit{height:108px;font-size:37px}.workstation-login .pin-boxes{gap:7px;margin-top:27px}.workstation-login .login-footer{margin:0 -18px}.workstation-login .login-workstation{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.workstation-login *{transition:none}}