.staff-login-page{background:#f3f2ee;place-items:center;min-height:100svh;padding:30px 20px;display:grid}.staff-login-card{background:var(--white);text-align:center;border:1px solid #42919820;border-radius:24px;width:100%;max-width:440px;padding:32px;box-shadow:0 16px 70px #244f4d0b}.staff-login-card>img{object-fit:contain;margin-bottom:14px}.staff-login-eyebrow{color:var(--teal);margin-bottom:8px;font-size:12px;display:block}.staff-login-card h1{font-family:var(--font-heading),var(--font-tajawal),sans-serif;color:var(--teal);margin:0;font-size:30px}.staff-login-intro{color:#7c8c84;margin:8px 0 24px;font-size:13px}.staff-login-form{text-align:start}.staff-login-form label{margin:17px 0 8px;font-size:14px;font-weight:700;display:block}.staff-login-form input{background:var(--white);border:1px solid #42919840;border-radius:10px;width:100%;min-height:48px;padding:10px 12px}.staff-login-form input:disabled{background:#f6f7f3}.staff-login-form button{background:var(--teal);width:100%;min-height:48px;color:var(--white);border:0;border-radius:11px;margin-top:24px;font-weight:700}.staff-login-form button:disabled{opacity:.5;cursor:not-allowed}.staff-login-info,.staff-login-error{border-radius:10px;padding:12px;font-size:12px;line-height:1.9}.staff-login-info{color:#736441;background:#f7f0d5}.staff-login-error{color:var(--red);background:#fff0ed}.staff-login-help{color:#7c8c84;text-align:center;margin:18px 0;font-size:12px;line-height:1.9}.staff-login-back{min-height:44px;color:var(--teal);text-underline-offset:4px;align-items:center;font-size:12px;display:inline-flex}@media (max-width:380px){.staff-login-card{padding:24px 20px}.staff-login-card h1{font-size:27px}}.staff-login-card>img{margin:0 auto 14px;display:block}.staff-login-card{position:relative}.staff-login-close{z-index:1;width:44px;height:44px;color:var(--teal);border-radius:50%;place-items:center;margin:0;text-decoration:none;display:grid;position:absolute;inset:12px auto auto 12px}.staff-login-close:hover{background:#4291980d}.staff-login-form input:focus{outline:3px solid var(--yellow);outline-offset:4px}@media (max-width:999px),(pointer:coarse){.staff-login-form input{font-size:16px}}