.staff-login-page{position:relative;display:grid;min-height:calc(100vh - 170px);place-items:center;padding:48px 22px;overflow:hidden;background:radial-gradient(circle at 12% 12%,rgba(226,205,36,.16),transparent 27%),radial-gradient(circle at 88% 88%,rgba(40,42,36,.09),transparent 28%),linear-gradient(145deg,#f8f7f1,#efefe8)}
.staff-login-page::before,.staff-login-page::after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(193,169,0,.2);border-radius:50%;pointer-events:none}.staff-login-page::before{top:-170px;right:-65px}.staff-login-page::after{bottom:-190px;left:-75px}
.staff-login-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(300px,.88fr) minmax(420px,1.12fr);width:min(930px,100%);overflow:hidden;border:1px solid rgba(203,181,28,.34);border-radius:26px;background:#fff;box-shadow:0 28px 85px rgba(27,29,24,.2)}
.staff-login-brand{display:flex;min-height:610px;flex-direction:column;padding:38px;color:#fff;background:linear-gradient(150deg,#20211e 0%,#303129 58%,#4a4735 100%)}
.staff-login-identity{display:flex;align-items:center;gap:15px;color:#fff;text-decoration:none}.staff-login-identity:hover{color:#fff}.staff-login-identity>span:last-child{display:flex;min-width:0;flex-direction:column}.staff-login-identity strong{font:600 1.05rem/1.25 Georgia,"Times New Roman",serif}.staff-login-identity small{margin-top:4px;color:#d8cf83;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase}
.staff-login-logo,.staff-login-mobile-logo{display:grid;place-items:center;overflow:hidden;border-radius:15px;background:#fff;box-shadow:0 9px 24px rgba(0,0,0,.22)}.staff-login-logo{flex:0 0 62px;width:62px;height:62px}.staff-login-logo img,.staff-login-mobile-logo img{width:100%;height:100%;object-fit:contain}
.staff-login-brand-copy{margin:auto 0}.staff-login-kicker{display:block;margin-bottom:18px;color:#eadb51;font-size:.73rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.staff-login-brand-copy h2{max-width:330px;margin:0;color:#fff;font:600 clamp(2.25rem,4vw,3.35rem)/1.03 Georgia,"Times New Roman",serif;text-wrap:balance}.staff-login-brand-copy p{max-width:310px;margin:22px 0 0;color:#dcddd6;line-height:1.65}
.staff-login-security{display:flex;align-items:center;gap:13px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15)}.staff-login-security>span{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border:1px solid #ddc920;border-radius:50%;color:#f5e45c}.staff-login-security p{display:flex;margin:0;flex-direction:column}.staff-login-security strong{font-size:.84rem}.staff-login-security small{margin-top:3px;color:#c7c8c1;font-size:.72rem;line-height:1.35}
.staff-login-card{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:48px 52px}.staff-login-heading{display:flex;align-items:center;gap:15px}.staff-login-heading>div>span{color:#817300;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.staff-login-heading h1{margin:6px 0 0;color:#22231f;font:600 clamp(2rem,4vw,2.65rem)/1.06 Georgia,"Times New Roman",serif;text-wrap:balance}.staff-login-mobile-logo{display:none;width:54px;height:54px;flex:0 0 54px}
.staff-login-intro{margin:20px 0 8px;color:#62665e;line-height:1.6}.staff-login-card .notice{margin:12px 0 4px}.staff-login-form{display:flex;flex-direction:column}.staff-login-form label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:18px 0 7px;color:#2c2e29;font-size:.86rem;font-weight:750}.staff-login-form label small{color:#787c73;font-size:.69rem;font-weight:500;text-align:right}.staff-login-form>input,.staff-password-field input{height:49px;margin:0;border:1px solid #d6d2c4;border-radius:11px;background:#fff;transition:border-color .2s,box-shadow .2s}.staff-login-form>input:focus,.staff-password-field input:focus{border-color:#ae9900;box-shadow:0 0 0 4px rgba(218,194,0,.14);outline:0}
.staff-password-field{position:relative}.staff-password-field input{width:100%;padding-right:90px}.staff-password-toggle{position:absolute;top:50%;right:7px;padding:8px 10px;transform:translateY(-50%);border:0;border-radius:8px;background:#f2f0e7;color:#4c4d46;font-size:.73rem;font-weight:750;cursor:pointer}.staff-password-toggle:hover{background:#e9e4c9}
.staff-login-submit{width:100%;margin-top:23px;padding:14px 18px;border-radius:11px;font-weight:800;box-shadow:0 10px 23px rgba(167,146,0,.2)}.staff-login-links{display:flex;justify-content:center;gap:24px;margin-top:23px;padding-top:20px;border-top:1px solid #ebe8dd}.staff-login-links a{color:#625800;font-size:.82rem;font-weight:700;text-underline-offset:4px}
@media(max-width:780px){.staff-login-page{min-height:calc(100vh - 120px);padding:22px 14px}.staff-login-shell{grid-template-columns:1fr;max-width:520px;border-radius:21px}.staff-login-brand{min-height:0;padding:22px 25px}.staff-login-brand-copy,.staff-login-security{display:none}.staff-login-card{padding:34px 30px 36px}.staff-login-mobile-logo{display:none}}
@media(max-width:460px){.staff-login-page{padding:10px}.staff-login-shell{border-radius:17px}.staff-login-brand{padding:17px 18px}.staff-login-logo{width:48px;height:48px;flex-basis:48px;border-radius:12px}.staff-login-identity strong{font-size:.94rem}.staff-login-card{padding:27px 20px 30px}.staff-login-heading h1{font-size:1.8rem}.staff-login-intro{font-size:.9rem}.staff-login-form label{align-items:flex-start;flex-direction:column;gap:3px}.staff-login-form label small{text-align:left}.staff-login-links{align-items:center;flex-direction:column;gap:12px}.staff-login-submit{min-height:48px}}