/* IPO Orbit light trading interface */
:root{--bg:#f3f7f8;--surface:#fff;--ink:#172b42;--muted:#64798b;--line:#dce8eb;--brand:#057e76;--soft:#e7f7f2;--hero:#10394d;--shadow:0 12px 30px rgba(19,54,71,.055);color-scheme:light}
html,html[data-theme=dark]{color-scheme:light}html[data-theme=dark]{--bg:#f3f7f8;--surface:#fff;--ink:#172b42;--muted:#64798b;--line:#dce8eb;--brand:#057e76;--soft:#e7f7f2;--hero:#10394d;--shadow:0 12px 30px rgba(19,54,71,.055)}
html[data-theme=dark] body{background:var(--bg)}html[data-theme=dark] .primary{background:#087f75;color:#fff}body{background:var(--bg)}
.topbar{height:60px;padding:7px 22px;border-bottom:1px solid #d7e4e9;background:#fff}.brand-logo{width:210px;height:48px;object-fit:contain;object-position:left center}.logo-dark{display:none!important}
.locked #app{min-height:100dvh;display:flex;flex-direction:column}.locked main{flex:1;min-height:0;padding:0 20px 4px}.locked .topbar{flex:none}.locked .bottom{display:none}
.auth-shell{max-width:980px;min-height:calc(100dvh - 65px);margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding:14px 0 8px;background:radial-gradient(circle at 82% 5%,rgba(29,198,159,.10),transparent 27%)}
.auth-intro{padding:0 3px 13px}.auth-kicker{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#22766d;display:flex;align-items:center;gap:8px}.auth-kicker i{width:7px;height:7px;border-radius:50%;background:#17c795;box-shadow:0 0 0 4px #19c99524}.auth-intro h1{font-size:31px;line-height:1.08;letter-spacing:-1.25px;margin:7px 0 5px;font-weight:760}.auth-intro p{font-size:12px;color:var(--muted);line-height:1.35}
.auth-panel{position:relative;overflow:hidden;background:#fff;border:1px solid #d7e5e9;box-shadow:0 18px 60px rgba(25,61,77,.09);border-radius:20px;padding:18px 22px 17px;max-width:560px;width:100%;margin:0 auto}.auth-panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#0d8c84,#39d2a6,#a5e9c5)}.auth-panel-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.auth-tabs{display:flex;gap:5px;margin:0;border:0;background:#f1f6f7;border-radius:10px;padding:4px}.auth-tabs button{border:0;background:transparent;border-radius:7px;padding:7px 13px;font-size:12px;font-weight:700;color:#617889;min-height:34px;white-space:nowrap}.auth-tabs button.current{background:#fff;color:#086f6a;box-shadow:0 1px 7px #193d5118;border:0}.auth-free{font-size:10px;font-weight:800;color:#08796c;letter-spacing:.8px;white-space:nowrap;background:#e8f7ef;padding:6px 8px;border-radius:7px}.auth-heading{margin:14px 0 13px}.auth-heading h2{font-size:23px;letter-spacing:-.6px;line-height:1.15}.auth-heading p{font-size:12px;color:var(--muted);margin-top:3px}
.auth-fields{display:grid;gap:10px}.auth-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-field{display:block;font-size:11px;font-weight:700;color:#344d62;margin:0}.auth-field input{display:block;margin:4px 0 0;border:1px solid #d8e5e9;background:#fbfdfd;border-radius:9px;min-height:43px;height:43px;padding:9px 12px;font-size:13px;font-weight:500;color:#142d40;width:100%;box-shadow:inset 0 1px 2px #0d345006}.auth-field input:focus{background:#fff;border-color:#0a9b85;outline:2px solid #1fc5a42b;outline-offset:0}.auth-field input::placeholder{color:#90a1ad;font-weight:400}.auth-input-wrap{position:relative}.auth-input-wrap input{padding-right:61px}.reveal{position:absolute;right:3px;top:6px;background:transparent;border:0;color:#087b72;font-weight:700;font-size:11px;min-height:38px;padding:0 12px}
.challenge-line{display:grid;grid-template-columns:148px 1fr;align-items:end;gap:10px}.challenge-line .captcha{display:flex;align-items:center;gap:4px;min-height:47px;flex-wrap:nowrap;padding:0;margin:0;overflow:hidden}.challenge-line .captcha img{width:105px!important;height:42px!important;flex:none;border-radius:7px;object-fit:cover}.challenge-line .captcha button{font-size:0!important;width:32px;min-width:32px;height:42px;padding:0;border:0;background:#eef6f6;color:#087f75;border-radius:7px}.challenge-line .captcha button:after{content:"↻";font-size:22px}.challenge-line .captcha:not(:has(img)){font-size:10px;color:#bd4e42}.code-field input{text-transform:uppercase;letter-spacing:1.3px}
.auth-consent{display:flex;gap:8px;align-items:center;font-size:10px;color:#66798a;margin:9px 0 0;line-height:1.3}.auth-consent input{width:15px;height:15px;min-height:15px;margin:0;flex:none}.auth-consent a{font-weight:700}.auth-error{font-size:11px;line-height:1.3;margin:5px 0 0;min-height:0}.auth-error:empty{display:none}.auth-submit{display:flex;justify-content:space-between;align-items:center;width:100%;height:45px;min-height:45px;padding:0 14px;margin-top:12px;border-radius:9px;background:linear-gradient(110deg,#076c69,#0d9d84);font-size:13px;font-weight:750;box-shadow:0 7px 14px #0089762a}.auth-submit span{font-size:19px;line-height:1}.auth-alt{display:block;border:0;background:transparent;color:#087b73;font-size:11px;font-weight:750;margin:10px auto 0;min-height:30px}.auth-legal{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;text-align:center;font-size:10px;line-height:1.2;color:#718595;margin:9px 0 0}.auth-legal a{color:#627e89;text-decoration:none}
.card{border-color:#dce8eb}.hero{background:linear-gradient(117deg,#103c51,#0a675f);box-shadow:0 15px 24px #0c5d6330}.chip.selected{background:#0a8077;color:#fff}.primary{background:#087f75}.intro .eyebrow{color:#088b7c}.bottom{border-top:1px solid #dce8eb;background:#fff}
@media(max-width:760px){.topbar{height:58px;padding:4px 18px}.brand-logo{width:176px;height:45px}.locked main{padding:0 15px 2px}.auth-shell{min-height:calc(100dvh - 60px);padding:5px 0;justify-content:center}.auth-intro{padding:0 5px 10px}.auth-intro h1{font-size:26px;letter-spacing:-1px;margin:6px 0 3px}.auth-intro p{font-size:11px;max-width:440px}.auth-panel{padding:16px 17px 14px;border-radius:17px}.auth-heading{margin:12px 0}.auth-heading h2{font-size:21px}.auth-legal{font-size:9px;gap:4px;margin-top:8px}.auth-fields{gap:9px}.auth-two{gap:7px}.auth-free{font-size:9px}.auth-tabs button{padding:6px 10px}}
@media(max-width:390px){.auth-intro h1{font-size:24px}.auth-intro p{font-size:10px}.auth-panel{padding:13px 13px 11px}.auth-heading{margin:10px 0}.auth-fields{gap:7px}.auth-field input{height:40px;min-height:40px;font-size:12px}.challenge-line .captcha img{height:40px!important}.challenge-line{grid-template-columns:143px 1fr}.auth-submit{height:43px;min-height:43px;margin-top:9px}.auth-legal{font-size:8.5px}}
@media(max-height:700px){.auth-shell{justify-content:flex-start;padding-top:5px}.auth-intro{padding-bottom:7px}.auth-intro p{display:none}.auth-intro h1{font-size:22px;margin:4px 0}.auth-heading p{display:none}.auth-heading{margin:8px 0}.auth-panel{padding-top:11px;padding-bottom:10px}.auth-fields{gap:6px}.auth-submit{margin-top:7px}.auth-legal{margin-top:5px}}
.challenge-line{grid-template-columns:162px minmax(0,1fr)}.challenge-line .captcha img{width:120px!important;height:42px!important;object-fit:contain}@media(max-width:390px){.challenge-line{grid-template-columns:158px minmax(0,1fr)}.challenge-line .captcha img{width:116px!important;height:40px!important}}
