.client-login-page{background:#071a2f;position:relative;overflow-x:hidden}
.client-login-page:before,.staff-auth-page:before{content:"";position:fixed;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(198,161,91,.28),rgba(198,161,91,0) 68%);top:-210px;right:-140px;pointer-events:none}
.client-login-page .auth-shell{position:relative;z-index:1}
.client-login-page .auth-brand{background:linear-gradient(145deg,#06172a 0%,#0d3150 55%,#15506a 100%);position:relative;overflow:hidden}
.client-login-page .auth-brand:after{content:"§";position:absolute;right:-25px;bottom:-120px;font:440px/1 Georgia,serif;color:rgba(255,255,255,.035);transform:rotate(-8deg)}
.client-login-page .auth-brand h1{font-size:clamp(54px,6vw,86px);letter-spacing:-.035em;text-shadow:0 15px 42px rgba(0,0,0,.18)}
.client-login-page .auth-brand>div>p:last-child{font-size:15px;color:#c5d4dd;max-width:560px}
.client-login-page .auth-form{background:linear-gradient(150deg,#f8f5ed,#eef5f6);position:relative}
.client-login-page .auth-form form{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.9);padding:42px;border-radius:22px;box-shadow:0 28px 70px rgba(7,26,47,.15);backdrop-filter:blur(14px)}
.client-login-page .auth-form h2{font-size:49px;color:#0b2943;letter-spacing:-.02em}
.client-login-page input,.staff-auth-page input{border:1px solid #d6e0e4;border-radius:10px;padding:14px;background:#f9fbfb;transition:.2s}
.client-login-page input:focus,.staff-auth-page input:focus{background:#fff;transform:translateY(-1px);box-shadow:0 0 0 4px rgba(198,161,91,.16)}
.client-login-page .button,.staff-auth-page .button{min-height:48px;border-radius:10px;background:linear-gradient(135deg,#0b2b46,#155476);box-shadow:0 12px 24px rgba(8,40,65,.18);transition:.2s}
.client-login-page .button:hover,.staff-auth-page .button:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(8,40,65,.25)}

.staff-auth-page{min-height:100vh;display:grid;place-items:center;padding:38px 18px;background:linear-gradient(135deg,#06172a 0%,#103b58 50%,#17636d 100%);position:relative;overflow:hidden}
.staff-auth-page:after{content:"";position:fixed;width:620px;height:620px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-260px;bottom:-300px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.staff-auth-card{position:relative;z-index:1;border-radius:24px;padding:44px;background:rgba(255,255,255,.96);box-shadow:0 35px 100px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.85)}
.staff-auth-card>.wordmark{margin-bottom:34px}
.staff-auth-card .admin-lock{background:linear-gradient(135deg,#c6a15b,#f0d799);color:#0b2943;box-shadow:0 10px 24px rgba(160,120,45,.22)}
.staff-auth-card h1{color:#0b2943;font-size:48px;letter-spacing:-.02em}
.staff-auth-card .back-link{color:#526b7b}
@media(max-width:720px){.client-login-page .auth-brand{display:flex;min-height:250px;padding:30px 24px}.client-login-page .auth-brand>div>p:last-child{display:none}.client-login-page .auth-brand h1{font-size:46px;margin-bottom:5px}.client-login-page .auth-shell{display:block}.client-login-page .auth-form{padding:22px 14px 35px}.client-login-page .auth-form form{padding:28px 22px;border-radius:18px}.staff-auth-card{padding:32px 24px}.staff-auth-card h1{font-size:40px}}
.forgot-link{display:block;text-align:center;margin-top:14px;color:#9a773a;font-size:12px;font-weight:700}.forgot-link:hover{text-decoration:underline}.recovery-card{border-radius:20px}.recovery-card form>.button{width:100%;margin-top:8px}.recovery-help{color:#667782;line-height:1.7}.recovery-action{width:100%;margin-top:12px}.recovery-card .notice{line-height:1.6}