/* STH Prop Firm - shared look of the site pages (home, sign in, dashboard, admin). The trading terminal has its own dark styles. */
@font-face{font-family:"STIX";src:url(/f/st.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--bg:#F5F6FA;--card:#fff;--soft:#EEF1F8;--ink:#0C1633;--ink2:#46506B;--line:#DCE0EC;--navy:#0C1633;--navy-line:#26335e;--navy-mute:#A9B3CF;--gold:#E3A018;--blue:#2854F0;--up:#0B8F66;--down:#D63A40;--btn:#0C1633;--btn-fg:#fff;--tag:#E3EAFF}
:root[data-theme=dark]{--bg:#070D20;--card:#0F1934;--soft:#162247;--ink:#EEF1FA;--ink2:#A9B3CF;--line:#22305A;--navy:#131F47;--navy-line:#2a3a70;--gold:#F0B030;--blue:#7C9BFF;--up:#2CCB97;--down:#FF6B70;--btn:#F0B030;--btn-fg:#1a1300;--tag:#1b2a5c}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:16px/1.55 "STIX",Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,.disp{font-family:"STIX",Georgia,"Times New Roman",serif;letter-spacing:-.02em;margin:0}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.btn{display:inline-block;padding:13px 22px;border-radius:10px;font-weight:600;font-size:16px;border:1.5px solid var(--ink);background:none;text-align:center}
.btn.solid{background:var(--btn);border-color:var(--btn);color:var(--btn-fg)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#1a1300}
.btn.small{padding:9px 15px;font-size:14.5px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.logo{display:flex;align-items:center;gap:10px;font-family:"STIX";font-weight:700;font-size:19px;white-space:nowrap}
.logo i{width:32px;height:32px;background:url(/icon.svg) center/contain no-repeat;flex:none}
.tbtn{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);display:inline-grid;place-items:center;flex:none}
.tbtn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.up{color:var(--up)}.down{color:var(--down)}
.num{font-variant-numeric:tabular-nums}
/* the challenge ruler: the account limits drawn like a price scale. Always on navy, in both themes. */
.acct{background:var(--navy);color:#fff;border-radius:20px;padding:24px 24px 20px}
.acct .top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:var(--navy-mute);font-size:14px}
.acct .eq{font-family:"STIX";font-size:42px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:2px;line-height:1.15}
.acct .eq small{font-size:16px;font-weight:600;margin-left:8px;letter-spacing:0}
.acct .eq small.p{color:#35d6a2}.acct .eq small.n{color:#ff8087}
.ruler{position:relative;height:118px;margin:24px 0 6px}
.ruler .track{position:absolute;left:0;right:0;top:54px;height:10px;border-radius:99px}
.ruler .tick{position:absolute;top:44px;width:2px;height:30px;background:#fff;opacity:.85}
.ruler .lab{position:absolute;top:82px;font-size:12.5px;color:var(--navy-mute);white-space:nowrap;line-height:1.3}
.ruler .lab b{display:block;color:#fff;font-size:14px;font-variant-numeric:tabular-nums}
.ruler .me{position:absolute;top:0;text-align:center;transform:translateX(-50%);transition:left .4s}
.ruler .me b{display:block;background:#E3A018;color:#1a1300;font-size:13px;padding:4px 9px;border-radius:7px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ruler .me.fail b{background:#E0454B;color:#fff}
.ruler .stem{position:absolute;top:26px;width:2px;height:28px;background:#E3A018;transform:translateX(-50%);transition:left .4s}
.ruler .dot{position:absolute;top:50px;width:18px;height:18px;border-radius:50%;background:#E3A018;border:3px solid var(--navy);transform:translateX(-50%);transition:left .4s}
.acct .rows{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;border-top:1px solid var(--navy-line)}
.acct .rows div{padding:14px 10px 0 0}
.acct .rows small{display:block;color:var(--navy-mute);font-size:13px}
.acct .rows b{font-family:"STIX";font-size:20px;font-variant-numeric:tabular-nums}
.acct .live{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--navy-line);font-size:14px;color:var(--navy-mute)}
.acct .live i{width:8px;height:8px;border-radius:50%;background:#35d6a2}
.acct .live i.off{background:var(--navy-mute)}
.acct .live b{color:#fff;font-variant-numeric:tabular-nums;margin-left:auto;font-size:16px}
@media(max-width:520px){.acct{padding:20px 16px}.acct .eq{font-size:34px}.ruler .lab{font-size:11px}.ruler .lab b{font-size:12.5px}.acct .rows b{font-size:16px}.acct .rows small{font-size:12px}.acct .top{font-size:12.5px}}
@media(prefers-reduced-motion:reduce){.ruler .me,.ruler .stem,.ruler .dot{transition:none}}