:root{color-scheme:light;--ink:#172333;--muted:#718096;--line:#e4e8ed;--panel:#fff;--canvas:#f4f6f8;--navy:#111927;--accent:#ec8d5c;--accent-dark:#ce6f43;--green:#4a9b78;--shadow:0 24px 80px rgba(20,34,52,.12)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--canvas);color:var(--ink);font-family:Manrope,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr)}.auth-brand-panel{position:relative;overflow:hidden;background:var(--navy);color:#f8fbff;padding:42px clamp(36px,7vw,108px);display:flex;flex-direction:column}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand .brand-mark,.mobile-brand .brand-mark{width:38px;height:38px;border-radius:13px;background:#f0a170;color:#1a2534;display:grid;place-items:center;font-family:Georgia,serif;font-size:22px;font-weight:800}.auth-brand strong{display:block;font-size:19px}.auth-brand small{display:block;color:#8d9bae;font-size:11px;margin-top:2px;letter-spacing:.06em}.brand-message{max-width:520px;margin-top:auto;margin-bottom:72px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:#d77d53}.brand-message .eyebrow{color:#f0a170}.brand-message h1{font:700 clamp(39px,4.3vw,67px)/1.02 "Playfair Display",Georgia,serif;letter-spacing:-.04em;margin:18px 0 20px;max-width:580px}.brand-message p{color:#aebaca;max-width:440px;font-size:15px;line-height:1.7;margin:0}.brand-proof{display:flex;gap:34px;color:#fff;position:relative;z-index:1}.brand-proof div{display:flex;flex-direction:column;gap:4px}.brand-proof strong{font-size:20px}.brand-proof span{color:#8d9bae;font-size:11px}.auth-mascot{position:absolute;right:-58px;bottom:-18px;width:min(39vw,440px);opacity:.92;filter:drop-shadow(0 20px 26px rgba(0,0,0,.22))}.auth-form-panel{display:grid;place-items:center;padding:38px 28px}.auth-card{width:min(100%,480px);background:var(--panel);border:1px solid rgba(220,225,232,.8);border-radius:26px;padding:42px;box-shadow:var(--shadow)}.auth-heading h2{font:700 34px/1.12 "Playfair Display",Georgia,serif;margin:12px 0 10px;letter-spacing:-.035em}.auth-heading p{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 24px}.auth-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:24px}.auth-tab{border:0;background:none;color:#9099a6;padding:0 0 12px;border-bottom:2px solid transparent;font-weight:700;font-size:13px}.auth-tab.active{color:var(--ink);border-color:var(--accent)}.auth-form{display:grid;gap:15px}.auth-form label{font-size:12px;font-weight:700;color:#475569;display:grid;gap:7px}.auth-form input,.auth-form select{width:100%;height:48px;border:1px solid #dfe4ea;border-radius:12px;background:#fbfcfd;color:var(--ink);outline:0;padding:0 14px;font-size:13px}.auth-form input:focus,.auth-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(236,141,92,.14)}.password-field{position:relative}.password-field input{padding-right:80px}.password-field button{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--accent-dark);font-size:11px;font-weight:800}.auth-submit{height:50px;border:0;border-radius:12px;background:var(--navy);color:#fff;font-weight:800;font-size:13px;margin-top:6px;transition:transform .18s,background .18s}.auth-submit:hover{background:#1b2a40;transform:translateY(-1px)}.auth-submit span{font-size:18px;margin-left:8px}.secondary-submit{align-self:end;height:48px;border:1px solid #dfe4ea;border-radius:12px;background:#fff;color:var(--ink);font-size:11px;font-weight:800;padding:0 14px}.code-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.text-action{border:0;background:transparent;color:var(--accent-dark);font-size:11px;font-weight:800;justify-self:center;margin-top:2px}.auth-footer{border-top:1px solid var(--line);margin-top:28px;padding-top:22px;color:var(--muted);font-size:12px;text-align:center}.auth-footer button{border:0;background:none;color:var(--accent-dark);font-weight:800;font-size:12px}.auth-alert{display:none;border-radius:11px;padding:11px 12px;font-size:12px;line-height:1.45;margin:-6px 0 8px}.auth-alert.show{display:block}.auth-alert.error{background:#fff0ed;color:#a74636}.auth-alert.success{background:#eef8f2;color:#357253}.security-note{color:#8190a1;font-size:11px;display:flex;align-items:center;gap:6px;margin-top:18px}.security-note span{width:18px;height:18px;border-radius:50%;background:#e5f5ed;color:var(--green);display:grid;place-items:center;font-weight:800}.mobile-brand{display:none}.hidden{display:none!important}@media(max-width:900px){.auth-layout{display:block}.auth-brand-panel{min-height:280px;padding:28px 24px}.brand-message{margin:55px 0 0}.brand-message h1{font-size:38px;max-width:520px}.brand-message p,.brand-proof{display:none}.auth-mascot{width:230px;right:-30px;bottom:-5px;opacity:.55}.auth-form-panel{padding:0 18px 32px;margin-top:-1px}.auth-card{border-radius:22px;padding:30px 24px;box-shadow:0 16px 42px rgba(20,34,52,.10)}.mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:28px}.mobile-brand strong{font-size:17px}.auth-brand{display:none}}@media(max-width:460px){.auth-card{padding:26px 20px}.auth-heading h2{font-size:29px}}