:root{--gold:#b28c49;--gold-light:#d0ad6a;--brown:#806432;--ink:#2d2112;--muted:#796847;--cream:#f7efe1;--line:#e7d6b8;--danger:#cf3548}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:#f8f2e8;font-family:Inter,"Segoe UI",Arial,sans-serif}.auth-shell{display:grid;grid-template-columns:minmax(440px,1.05fr) minmax(480px,.95fr);min-height:100vh}
.auth-showcase{position:relative;display:flex;min-height:100vh;padding:38px 54px 32px;overflow:hidden;color:#fff;background:radial-gradient(circle at 22% 16%,rgba(192,154,88,.18),transparent 27%),linear-gradient(145deg,#14130f 0%,#211c14 55%,#4d391d 100%);flex-direction:column}.auth-showcase:after{content:"";position:absolute;right:-120px;bottom:-180px;width:520px;height:520px;background:linear-gradient(140deg,rgba(192,154,88,.28),rgba(128,100,50,.04));border:1px solid rgba(208,173,106,.2);border-radius:46% 54% 66% 34%;transform:rotate(-20deg)}.showcase-grid{position:absolute;inset:0;opacity:.09;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 78%)}.showcase-orbit{position:absolute;border:1px solid rgba(208,173,106,.22);border-radius:50%}.orbit-one{top:-200px;right:-160px;width:560px;height:560px}.orbit-two{top:-120px;right:-80px;width:390px;height:390px}.auth-logo{position:relative;z-index:2;display:block;width:180px;height:110px}.auth-logo img{width:100%;height:100%;object-fit:contain}.showcase-copy{position:relative;z-index:2;max-width:610px;margin:auto 0}.showcase-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;padding:8px 13px;color:#f2d69c;background:rgba(192,154,88,.12);border:1px solid rgba(208,173,106,.25);border-radius:20px;font-size:13px;font-weight:750}.showcase-copy h1{max-width:590px;margin:0 0 20px;font-size:clamp(42px,5vw,68px);font-weight:850;line-height:1.04;letter-spacing:-2.5px}.showcase-copy p{max-width:560px;margin:0;color:rgba(255,255,255,.7);font-size:17px;line-height:1.7}.showcase-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.showcase-points span{display:flex;align-items:center;gap:7px;padding:8px 11px;background:rgba(255,255,255,.06);border-radius:8px;color:rgba(255,255,255,.84);font-size:12px;font-weight:650}.showcase-points i{color:#d7b36c}.showcase-footer{position:relative;z-index:2;display:flex;justify-content:space-between;color:rgba(255,255,255,.38);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:1.5px}
.auth-panel{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:38px 7vw;background:radial-gradient(circle at 88% 8%,rgba(192,154,88,.14),transparent 24%),linear-gradient(135deg,#fffdfa,#f5ead7);flex-direction:column}.auth-card{width:100%;max-width:470px}.mobile-auth-brand{display:none}.auth-form-view{animation:formIn .3s ease}.auth-form-view:not(.active){display:none}@keyframes formIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.auth-heading{margin-bottom:28px}.auth-eyebrow{display:block;margin-bottom:8px;color:var(--gold);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:1.1px}.auth-heading h2{margin:0 0 10px;font-size:36px;font-weight:850;letter-spacing:-1px}.auth-heading p{margin:0;color:var(--muted);line-height:1.6}.auth-field{display:block;margin-bottom:19px}.auth-field>span{display:block;margin-bottom:8px;font-size:13px;font-weight:800}.auth-input{display:flex;align-items:center;height:52px;padding:0 14px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 3px 8px rgba(128,100,50,.05);transition:border-color .18s,box-shadow .18s}.auth-input:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px rgba(178,140,73,.13)}.auth-input>i{margin-right:11px;color:#9a7a42;font-size:19px}.auth-input input{width:100%;height:100%;padding:0;color:var(--ink);background:transparent;border:0;outline:0;font:inherit}.auth-input input::placeholder{color:#a49782}.password-toggle{display:grid;place-items:center;width:34px;height:34px;color:#806432;background:transparent;border:0;border-radius:7px;font-size:18px}.password-toggle:hover{background:#f5ecde}.auth-field small{display:none;margin-top:6px;color:var(--danger);font-size:11px}.auth-field.invalid .auth-input{border-color:var(--danger);box-shadow:0 0 0 3px rgba(207,53,72,.09)}.auth-field.invalid small{display:block}.auth-options{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 25px}.remember-check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.remember-check input{width:17px;height:17px;accent-color:var(--gold)}.text-button,.back-to-login{padding:0;color:#806432;background:transparent;border:0;font-weight:800}.text-button{font-size:13px}.text-button:hover,.back-to-login:hover{text-decoration:underline}.auth-submit{display:flex;align-items:center;justify-content:center;width:100%;height:54px;padding:0 20px;color:#fff;background:linear-gradient(110deg,#9a7436,#c19b55);border:0;border-radius:11px;box-shadow:0 9px 20px rgba(128,100,50,.23);font-weight:850;transition:transform .16s,box-shadow .16s}.auth-submit span{margin:auto}.auth-submit i{font-size:19px}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(128,100,50,.29)}.auth-submit:active{transform:translateY(1px)}.auth-help{display:flex;align-items:center;justify-content:center;gap:7px;margin:22px 0 0;color:#8a795b;font-size:11px}.auth-help i{color:#9b7b43}.back-to-login{display:flex;align-items:center;gap:8px;margin-bottom:31px;font-size:13px}.reset-icon{display:grid;place-items:center;width:62px;height:62px;margin-bottom:23px;color:#8b6b35;background:#f0e1c6;border-radius:18px;font-size:27px}.reset-note{display:flex;align-items:flex-start;gap:10px;margin-top:23px;padding:13px;color:#705b38;background:rgba(239,225,198,.62);border-radius:9px;font-size:12px;line-height:1.5}.reset-note i{margin-top:1px;color:#9a783d}.auth-copyright{width:100%;max-width:470px;margin-top:38px;color:#96866c;font-size:11px;text-align:center}
.auth-submit-link{text-decoration:none}.auth-submit-link:hover{color:#fff;text-decoration:none}
.swal2-popup{border-radius:16px!important}.swal2-confirm{background:#a8874a!important}.swal2-cancel{background:#806432!important}
.auth-showcase>.auth-logo{align-self:center;width:340px;height:230px;margin:clamp(38px,6vh,62px) auto 14px}.auth-showcase>.showcase-copy{margin:0 0 auto}
@media(max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-showcase{display:none}.auth-panel{min-height:100vh;padding:25px 20px}.mobile-auth-brand{display:block;width:115px;height:78px;margin:0 auto 25px}.mobile-auth-brand img{width:100%;height:100%;object-fit:contain}.auth-panel{background:linear-gradient(180deg,#1a1813 0,#3f301c 140px,#f8f1e5 140px,#f5ead7 100%)}.auth-card{padding:27px 25px;background:rgba(255,255,255,.96);border:1px solid rgba(228,211,180,.9);border-radius:18px;box-shadow:0 18px 45px rgba(50,37,18,.17)}.auth-copyright{margin-top:20px}}
@media(max-width:520px){.auth-panel{padding:18px 12px}.mobile-auth-brand{margin-bottom:16px}.auth-card{padding:24px 18px}.auth-heading h2{font-size:28px}.auth-options{align-items:flex-start}.auth-copyright{font-size:10px}}
.captcha-row{display:grid;grid-template-columns:168px auto minmax(0,1fr);align-items:center;gap:8px}.captcha-row img{width:168px;height:52px;background:#f7efe1;border:1px solid var(--line);border-radius:11px}.captcha-refresh{display:grid;place-items:center;width:42px;height:52px;color:#806432;background:#fff;border:1px solid var(--line);border-radius:11px;font-size:18px}.captcha-refresh:hover{background:#f5ecde}
@media(max-width:520px){.captcha-row{grid-template-columns:minmax(0,1fr) 42px}.captcha-row img{width:100%;max-width:100%;object-fit:cover}.captcha-row .auth-input{grid-column:1 / -1}}