.staff-access-body{min-height:100vh;background:radial-gradient(ellipse at 50% 15%,rgba(180,243,107,.10),transparent 42%),#090d13;color:#f4f7f0}
.staff-access-wrap{width:min(100% - 32px,520px);margin:0 auto;padding:36px 0 24px;min-height:100vh;display:flex;flex-direction:column}
.staff-brand{display:flex;width:max-content;margin:0 auto 32px;text-decoration:none}
.staff-access-card{position:relative;overflow:hidden;border:1px solid rgba(180,243,107,.18);border-radius:24px;padding:clamp(22px,6vw,38px);background:linear-gradient(155deg,rgba(21,29,35,.98),rgba(12,17,24,.98));box-shadow:0 26px 80px rgba(0,0,0,.32)}
.staff-access-mark{position:absolute;right:26px;top:18px;font-size:78px;line-height:1;color:rgba(180,243,107,.09);font-weight:800;pointer-events:none}
.staff-access-card .eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#b4f36b}
.staff-access-card h1{position:relative;margin:14px 0 12px;font-size:clamp(36px,8vw,52px);line-height:1.02;letter-spacing:-.055em}
.staff-access-intro{max-width:390px;color:#aab5be;line-height:1.65;font-size:14px;margin:0 0 22px}
.staff-auth-status{border:1px solid rgba(151,171,183,.2);background:rgba(255,255,255,.035);border-radius:12px;padding:12px 14px;margin:0 0 20px;font-size:13px;line-height:1.55;color:#bfccd2;overflow-wrap:anywhere}
.staff-auth-status[data-kind="success"]{border-color:rgba(180,243,107,.35);color:#d8fbb5}.staff-auth-status[data-kind="error"]{border-color:rgba(255,119,119,.4);color:#ffd0d0}
.staff-access-form{display:grid;gap:16px}.staff-access-form .field{display:grid;gap:8px}.staff-access-form .field>span{font-size:12px;font-weight:750;color:#e2e9e5}.staff-access-form input{width:100%;min-height:48px;border:1px solid #303d45;border-radius:10px;padding:12px 13px;background:#0c1218;color:#f7faf5;font:inherit;outline:none}.staff-access-form input:focus{border-color:#b4f36b;box-shadow:0 0 0 3px rgba(180,243,107,.1)}.staff-access-form button{width:100%;justify-content:center;min-height:48px;margin-top:4px}
.staff-first-login-note{display:grid;gap:5px;border:1px solid rgba(180,243,107,.22);background:rgba(180,243,107,.055);border-radius:12px;padding:13px 14px;color:#d8fbb5;font-size:13px;line-height:1.5}.staff-first-login-note span{color:#b7c5bd}
.staff-access-foot{display:flex;gap:9px;margin-top:24px;padding-top:17px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;line-height:1.55;color:#87969e}.staff-lock-dot{flex:0 0 7px;width:7px;height:7px;margin-top:4px;border-radius:50%;background:#b4f36b;box-shadow:0 0 12px rgba(180,243,107,.7)}
.staff-access-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:24px;color:#7e8d96;font-size:11px}.staff-access-footer a{color:#b4f36b;text-decoration:none}.staff-access-footer a:hover{text-decoration:underline}