:root{color-scheme:dark;--cyan:#00eaff;--gold:#ffdc38}
*{box-sizing:border-box}
body.altra-login-page{margin:0;background:#010819;color:#f4f6ff;font-family:Arial,Helvetica,sans-serif;min-height:100svh}
.altra-login-shell{width:min(100%,680px);margin:auto;padding-bottom:10%;background:url('../images/arcadia-trading-banner.png') center top/100% auto no-repeat;container-type:inline-size;min-height:100svh}
.altra-artwork{width:100%;aspect-ratio:1024/397}
.login-card{position:relative;width:80%;margin:0 auto;padding:4cqw 5cqw 2cqw;border:3px solid #ffe954;border-radius:6cqw;background:linear-gradient(135deg,rgba(0,94,205,.25),transparent 28%),linear-gradient(220deg,rgba(0,95,217,.3),transparent 35%),linear-gradient(#031739,#010b1d);box-shadow:0 0 0 3px #ad6b00,0 0 0 6px #fff18c,0 0 0 9px #de9600,0 0 25px #ffcf22,inset 0 0 0 3px #00cfff,inset 0 0 35px #004fa3}
h1{margin:0;text-align:center;font-size:7.5cqw;line-height:1.12;font-weight:900;letter-spacing:-.025em;color:#ffde35;background:linear-gradient(#fffbc0 10%,#ffe556 40%,#ffbc00 72%,#d58a00);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #946000) drop-shadow(0 0 7px #ffbc0033)}
.login-subtitle{text-align:center;margin:1cqw 0 3.1cqw;color:#ccd8ed;font-size:3.6cqw;font-weight:600}
.field-label{display:flex;align-items:center;gap:2.2cqw;font-size:clamp(13px,3cqw,20px);font-weight:700;margin:2cqw 1.5cqw 1.2cqw}.field-label i{width:3cqw;text-align:center;color:#ffe149;filter:drop-shadow(0 0 3px #ffd000)}
.login-field{display:flex;align-items:center;gap:2.5cqw;min-height:clamp(52px,10cqw,68px);padding:0 2.7cqw;border:2px solid #00dfff;border-radius:2.5cqw;background:linear-gradient(120deg,#051b38,#03204b);box-shadow:0 0 12px #0088ff88,inset 0 2px 2px #a7fcff44;margin-bottom:2.4cqw}.login-field>i{color:#b7cdeb;font-size:clamp(16px,3cqw,22px);width:clamp(18px,3.4cqw,24px)}.login-field input{font:inherit;font-size:clamp(16px,3cqw,20px);color:white;min-width:0;width:100%;height:48px;padding-left:2.6cqw;border:0;border-left:1px solid #4179af;background:transparent;outline:none}.login-field input::placeholder{color:#8aa8d9;opacity:1}.login-field:focus-within{box-shadow:0 0 18px #00dfff,inset 0 0 10px #006aff}
.password-toggle{border:0;background:transparent;color:#dce6fb;font-size:clamp(18px,3.5cqw,24px);cursor:pointer;padding:8px;min-height:44px}.login-options{display:flex;align-items:center;justify-content:space-between;gap:1cqw;margin:1.4cqw 0 3cqw;font-size:2.65cqw;font-weight:600}.remember-me{display:flex;align-items:center;gap:1.7cqw;cursor:pointer;white-space:nowrap}.remember-me input{appearance:none;width:3.7cqw;height:3.7cqw;margin:0;border:2px solid #00efff;border-radius:.7cqw;box-shadow:0 0 8px #008cff;background:#0052b0;display:grid;place-content:center}.remember-me input:checked:after{content:'✓';font-size:3.4cqw;line-height:1;color:white}.forgot-link{font:inherit;font-weight:600;color:#00f3ff;background:none;border:0;padding:0;cursor:pointer}
.login-btn{display:flex;align-items:center;justify-content:center;gap:2.4cqw;width:100%;min-height:10cqw;border:3px solid #fffa8d;border-radius:2.7cqw;background:linear-gradient(135deg,#fff54d55 15%,transparent 15% 85%,#ffed5244 85%),linear-gradient(#fff65a,#ffce00 42%,#ed9400 85%,#ffde22);box-shadow:0 0 0 2px #b76a00,0 0 0 4px #fff172,0 0 24px #ffbf0099,inset 0 0 0 2px #ffbc16;color:#010d22;font:inherit;font-size:6cqw;font-weight:900;cursor:pointer}.login-btn i{display:grid;place-items:center;width:6.5cqw;height:6.5cqw;font-size:3.5cqw;border:2px solid #edb223;border-radius:50%;background:#00142d;color:#ffdd2a}.login-btn:hover{filter:brightness(1.1)}.login-btn:disabled{opacity:.7;cursor:wait}
.signup-divider{display:flex;align-items:center;gap:1.8cqw;white-space:nowrap;color:#ccd7ed;font-size:2.7cqw;font-weight:600;margin:3.8cqw 3cqw 2.3cqw}.signup-divider:before,.signup-divider:after{content:'';height:1px;background:#79a3cb;flex:1}.create-account{display:flex;align-items:center;justify-content:center;gap:2.5cqw;border:2px solid #6fffff;border-radius:3cqw;min-height:8.6cqw;margin:0 1.5cqw;color:#f5f6ff;text-decoration:none;font-size:4cqw;font-weight:700;background:linear-gradient(#00275a,#001127);box-shadow:0 0 0 2px #0095dc,0 0 17px #008cff88,inset 0 0 15px #0066c6}.create-account i{font-size:4.7cqw}.security-note{display:flex;justify-content:center;align-items:center;gap:1.8cqw;color:#ffe34e;font-size:2.7cqw;font-weight:700;margin:3cqw 0 0}.security-note i{font-size:3.6cqw}.security-note span{width:10cqw;height:1px;background:#f7ce00}.alert,.recovery-note{font-size:2.5cqw;line-height:1.5;padding:1.5cqw;background:#10264b;border:1px solid #e5b936;border-radius:1cqw}.quick-account-select{width:100%;min-height:52px;padding:12px;margin-bottom:1.5cqw;background:#062248;color:white;border:1px solid var(--cyan);border-radius:1cqw;font:inherit;font-size:clamp(14px,2.5cqw,18px)}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid white;outline-offset:4px}
@media(min-width:700px){.altra-login-page{background:radial-gradient(ellipse at 50% 30%,#052c67,#010819 65%)}.altra-login-shell{padding-bottom:60px;box-shadow:0 0 90px #0061d733}}

/* Registration uses the same Arcadia Trading artwork and form treatment as login. */
.altra-signup-page .signup-card{min-height:92cqw}
.altra-signup-page h1{font-size:6.7cqw}
.altra-signup-page .field-hint{color:#a9c2e6;font-size:clamp(11px,1.9cqw,14px);line-height:1.4;margin:-1.1cqw 1.4cqw 2cqw}
.altra-signup-page .signup-btn{margin-top:3.5cqw}
.altra-signup-page .signup-alert:empty{display:none}
.altra-signup-page .signup-divider{margin-left:0;margin-right:0;font-size:2.6cqw}
.altra-signup-page .security-note{font-size:2.5cqw}
.altra-signup-page .login-field input[readonly]{color:#ffe34e}