.staff-login-page{min-height:100svh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(ellipse at 50% 0,#4b285a66,transparent 65%),var(--ink)}
.staff-login-page .auth-card{width:100%;max-width:500px;margin:0;padding:38px;border:1px solid #d5a9fc38;border-radius:24px;background:#191120;box-shadow:0 24px 70px #0004}
.login-brand{display:inline-flex;margin-bottom:30px;font-size:19px;font-weight:800;letter-spacing:.02em}
.login-brand span{color:var(--purple);margin-right:10px}
.staff-login-page h1{font-size:clamp(30px,5vw,38px);line-height:1.18;letter-spacing:-.035em;margin:12px 0 16px}
.staff-login-page .auth-card>p:not(.eyebrow){font-size:16px;line-height:1.6;margin:0 0 24px}
.staff-login-page .form-field{margin:20px 0}
.password-field{position:relative}
.password-field input{padding-right:88px}
.password-field button{position:absolute;right:6px;top:5px;min-height:44px;padding:0 10px;background:transparent;color:#ead5fa;border:0;border-radius:6px;font-size:14px;font-weight:600}
.staff-login-page #login-button{width:100%;margin-top:10px;font-size:16px;border-radius:12px}
.staff-login-page .auth-card>p.login-help{font-size:14px;line-height:1.6;color:var(--muted);margin:22px 0 0}
.staff-login-page .text-link{font-size:14px;text-align:center;margin-top:26px}
.staff-login-page .form-message{color:#ffb9bc}
.staff-login-page .form-field input:-webkit-autofill{-webkit-text-fill-color:white;box-shadow:0 0 0 1000px #100a19 inset;caret-color:white}
.staff-header #staff-logout{font:inherit;font-size:15px;color:var(--purple);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px}
@media(max-width:480px){.staff-login-page{padding:24px 16px}.staff-login-page .auth-card{padding:28px 22px}.login-brand{margin-bottom:24px}}