@font-face{font-family:Archivo;src:url('/assets/fonts/archivo-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Saira;src:url('/assets/fonts/saira-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--paper:#141414;--panel:#202020;--line:#3a3a3a;--ink:#fff5f0;--muted:#a8a8a8;--ember:#ef5a29}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:Archivo,Arial,sans-serif}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--ember);outline-offset:3px}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1.08fr) minmax(390px,.92fr);background:radial-gradient(circle at 18% 18%,rgba(20,40,56,.75),transparent 38%),linear-gradient(145deg,#141414,#1e1e1e)}
.brand-panel{min-height:100vh;padding:clamp(38px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-right:1px solid var(--line)}
.brand-panel:after{content:"";width:min(42vw,620px);aspect-ratio:1;position:absolute;right:-18%;bottom:-31%;border:1px solid rgba(239,90,41,.23);border-radius:50%;box-shadow:0 0 0 80px rgba(239,90,41,.025),0 0 0 160px rgba(239,90,41,.018);pointer-events:none}
.brand-panel>img{width:154px;height:auto}.brand-panel>div{max-width:640px;position:relative;z-index:1}.brand-panel span,.kicker{color:var(--ember);font:750 10px Saira,sans-serif;letter-spacing:.24em;text-transform:uppercase}.brand-panel h1{margin:20px 0 24px;font:500 clamp(42px,5vw,74px)/.98 Saira,sans-serif;letter-spacing:-.035em}.brand-panel p{max-width:560px;margin:0;color:var(--muted);font-size:14px;line-height:1.75}.brand-panel>small{color:#727272;font:700 9px Saira,sans-serif;letter-spacing:.2em}
.login-panel{padding:40px;display:grid;place-items:center;background:rgba(20,20,20,.64)}form{width:min(100%,420px);padding:clamp(30px,5vw,58px);border:1px solid var(--line);background:rgba(32,32,32,.96);box-shadow:0 30px 80px rgba(0,0,0,.34)}form h2{margin:12px 0 8px;font:600 34px Saira,sans-serif}form>p{margin:0 0 31px;color:var(--muted);font-size:13px;line-height:1.55}label{margin-top:16px;display:grid;gap:8px}label>span{color:#d6d6d6;font:750 9px Saira,sans-serif;letter-spacing:.14em;text-transform:uppercase}input{width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:0;color:var(--ink);background:#171717}input:focus{border-color:#777}button{width:100%;height:50px;margin-top:24px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--ember);color:var(--ink);background:var(--ember);cursor:pointer;font:700 10px Saira,sans-serif;letter-spacing:.1em;text-transform:uppercase}button:hover{background:#d94b1f}.error{margin:0 0 20px;padding:12px 14px;border-left:3px solid var(--ember);color:#ffd7ca;background:rgba(239,90,41,.1);font-size:12px;line-height:1.5}.privacy-note{display:block;margin-top:20px;color:#777;font-size:10px;line-height:1.5;text-align:center}
@media(max-width:780px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:310px;padding:34px 28px}.brand-panel h1{margin:15px 0;font-size:43px}.brand-panel p{display:none}.login-panel{padding:22px}.login-panel form{padding:32px 25px}.brand-panel>small{display:none}}