.staff-gate{min-height:100vh;display:grid;place-items:center;padding:48px 20px;background:#ffffff}.staff-gate__panel{width:min(880px,100%);display:grid;grid-gap:26px;gap:26px;padding:40px clamp(20px,4vw,46px) 30px;border-radius:20px;background:#0b1220;border:1px solid #1c2942;box-shadow:0 24px 60px rgba(4,10,22,.28);color:#e8eefc;--s2c-ink-current:#ffffff;--s2c-muted-current:#ffffff;--s2c-input:#0a1220;--panel:#0a1220;--s2c-line:#2b3b58}.staff-gate__brand{display:grid;grid-gap:9px;gap:9px;justify-items:center;text-align:center}.staff-gate__brand img{width:min(320px,72%);height:auto}.staff-gate__brand p{margin:6px 0 0;font-size:11px;font-weight:700;letter-spacing:.18em;color:rgba(255,255,255,.66)}.staff-gate__brand h1{margin:0;font-size:clamp(25px,3.3vw,33px);line-height:1.15;letter-spacing:-.02em;color:#ffffff}.staff-gate__brand>span{max-width:62ch;font-size:14px;line-height:1.6;color:#ffffff}.staff-gate__roles{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(208px,1fr))}.staff-gate__role{display:grid;grid-gap:5px;gap:5px;padding:17px 17px 15px;text-align:left;cursor:pointer;border-radius:14px;border:1px solid #23324e;background:#131e33;transition:border-color .16s ease,background .16s ease,transform .16s ease}.staff-gate__role:focus-visible,.staff-gate__role:hover{border-color:#4f83f1;background:#17253d;transform:translateY(-2px);outline:none}.staff-gate__role-code{font-size:11px;font-weight:700;letter-spacing:.14em;color:#6f9bf5}.staff-gate__role b{font-size:16px;color:#ffffff}.staff-gate__role p{margin:0;font-size:13px;line-height:1.5;color:#ffffff}.staff-gate__role small{margin-top:3px;font-size:12px;font-weight:600;color:#6f9bf5}.staff-gate__signin{display:grid;grid-gap:12px;gap:12px}.staff-gate__form{display:grid;grid-gap:11px;gap:11px;padding:20px;border-radius:14px;border:1px solid #23324e;background:#101a2c}.staff-gate__form>b{font-size:15px;color:#ffffff}.staff-gate__form>span{font-size:12.5px;line-height:1.5;color:#ffffff}.staff-gate__form label{display:grid;grid-gap:5px;gap:5px;font-size:12px;font-weight:600;letter-spacing:.04em;color:#ffffff}.staff-gate__form input{padding:11px 13px;border-radius:9px;border:1px solid #2b3b58;background:#0a1220;color:#eef3fc;font-size:14px;font-weight:400}.staff-gate__form input::placeholder{color:#61728c}.staff-gate__form input:focus{outline:none;border-color:#4f83f1;box-shadow:0 0 0 3px rgba(79,131,241,.22)}.staff-gate__form button,.staff-gate__sso{margin-top:3px;padding:12px 18px;border:0;border-radius:9px;cursor:pointer;font-size:14px;font-weight:650;color:#ffffff;background:#2563eb;transition:background .16s ease}.staff-gate__form button:hover:not(:disabled),.staff-gate__sso:hover:not(:disabled){background:#1d4ed8}.staff-gate__form button:disabled,.staff-gate__sso:disabled{opacity:.6;cursor:progress}.staff-gate__alert{margin:0;padding:10px 13px;border-radius:9px;font-size:13px;line-height:1.5}.staff-gate__alert--error{background:#2a1518;border:1px solid #5d2a2f;color:#ffc9cd}.staff-gate__alert--notice{background:#0f2438;border:1px solid #23496b;color:#bfe0ff}.staff-gate__pending{margin:0;font-size:13px;color:#ffffff}.staff-gate__foot{display:flex;flex-wrap:wrap;gap:9px 18px;justify-content:space-between;align-items:center;padding-top:17px;border-top:1px solid #1c2942;font-size:12.5px;color:#ffffff}.staff-gate__foot a{color:#ffffff;text-decoration:none;font-weight:600}.staff-gate__foot a:hover{color:#ffffff;text-decoration:underline}html[data-theme] .staff-gate .staff-gate__role small,html[data-theme] .staff-gate .staff-gate__role-code{color:#7fa9ff!important}html[data-theme] .staff-gate .staff-gate__alert--error{color:#ffc9cd!important}html[data-theme] .staff-gate .staff-gate__alert--notice{color:#bfe0ff!important}html[data-theme] .staff-gate .staff-gate__foot a:hover{color:#ffffff!important}.staff-gate__role.is-selected{border-color:#4f83f1!important;box-shadow:inset 0 0 0 200px #050b16,inset 0 0 0 1px #4f83f1,0 0 0 3px rgba(79,131,241,.18);transform:none}html[data-theme] .staff-gate .staff-gate__role.is-selected b{color:#ffffff!important}html[data-theme] .staff-gate .staff-gate__role.is-selected .staff-gate__role-code,html[data-theme] .staff-gate .staff-gate__role.is-selected small{color:#9dc0ff!important}.staff-gate__chosen{display:grid;grid-gap:3px;gap:3px;padding:15px 17px;border-radius:13px;border:1px solid #2b4877;background:#0e1c33}.staff-gate__chosen>span{font-size:10px;font-weight:700;letter-spacing:.14em}.staff-gate__chosen b{font-size:17px}.staff-gate__chosen p{margin:0;font-size:12.5px;line-height:1.5}.staff-gate__chosen button{justify-self:start;margin-top:6px;padding:0;border:0;background:none;cursor:pointer;font-size:12.5px;font-weight:600;text-decoration:underline}html[data-theme] .staff-gate .staff-gate__chosen>span{color:#7fa9ff!important}html[data-theme] .staff-gate .staff-gate__chosen b,html[data-theme] .staff-gate .staff-gate__chosen p{color:#ffffff!important}html[data-theme] .staff-gate .staff-gate__chosen button{color:#9dc0ff!important}