:root{--bg:#02070c;--panel:#07111a;--panel2:#091620;--line:#1b2d3d;--blue:#2e80ff;--text:#edf3f9;--muted:#8c9aaa;--green:#20d47d;--yellow:#f5c443;--red:#ef5264}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:1px solid #4b9cff;border-radius:7px;background:linear-gradient(135deg,#2778e8,#1557c5);color:white;font-weight:750;letter-spacing:.04em;cursor:pointer}.primary:disabled{opacity:.48}.secondary{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border:1px solid var(--line);border-radius:7px;color:#c4ceda}.brand{display:flex;align-items:center;gap:11px}.brand .logo-img{width:45px;height:45px;object-fit:cover;border-radius:25%;clip-path:inset(4.8% round 24%)}.brand b{font-size:22px;letter-spacing:.12em}.brand small{display:block;font-size:7px;color:#a3afbd;letter-spacing:.19em}.eyebrow{font-size:10px;color:#5fa7ff;letter-spacing:.2em;font-weight:800}.landing{min-height:100vh;padding:30px 5vw;background:radial-gradient(circle at 70% 30%,#0a2744 0,transparent 38%),linear-gradient(135deg,#02070c,#07121d)}.landing nav{display:flex;align-items:center;justify-content:space-between}.landing nav>div{display:flex;gap:12px;align-items:center}.landing section{max-width:760px;padding:18vh 0 10vh}.landing h1{font-size:clamp(46px,7vw,92px);line-height:.98;margin:22px 0}.landing p{max-width:650px;color:#9eaab8;font-size:19px;line-height:1.7}.landing section>div{display:flex;gap:12px;margin-top:30px}.content-page{min-height:100vh}.auth-shell{min-height:100vh;padding:32px 18px;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#0a233a,#02070c 44%)}.auth-shell>.brand{position:absolute;top:28px;left:5vw}.auth-card{width:min(620px,100%);padding:38px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#091620,#050c13);box-shadow:0 30px 90px #0008}.auth-card h1{margin:13px 0 5px;font-size:34px}.auth-card>p{margin:0 0 23px;color:var(--muted)}.octa-form{display:grid;gap:15px;margin-top:25px}.octa-form label{display:grid;gap:7px;color:#aeb9c5;font-size:11px;font-weight:700;letter-spacing:.05em}.octa-form input{width:100%;min-height:48px;padding:0 14px;border:1px solid #213548;border-radius:7px;background:#030a10;color:white;outline:0}.octa-form input:focus{border-color:var(--blue)}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.octa-form .check{display:flex;align-items:center;gap:8px;font-weight:500}.octa-form .check input{width:16px;min-height:auto}.form-link{text-align:center;color:var(--muted)}.form-link a{color:#5da6ff}.octa-notice{margin:18px 0;padding:12px;border:1px solid #315a83;border-radius:6px;background:#0a2238;color:#bcdcff}.plans{display:grid;gap:16px}.plan{padding:25px;border:1px solid #24435f;border-radius:10px;background:#06121c}.plan>span,.account-grid span{font-size:9px;color:#6faeff;letter-spacing:.13em}.plan h2{font-size:26px}.price{font-size:32px;font-weight:800}.plan p,.plan li{color:var(--muted)}.plan li{margin:10px 0}.plan .primary{width:100%}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.account-grid>div{padding:18px;border:1px solid var(--line);border-radius:8px}.account-grid strong{display:block;margin-top:7px}.payment-state{text-align:center;padding:25px}.payment-state i{display:block;width:70px;height:70px;margin:auto;border:5px solid var(--blue);border-radius:50%}.payment-state.approved i{border-color:var(--green)}.payment-state.rejected i{border-color:var(--red)}.terminal{min-height:100vh;padding-left:184px;background:#02070c}.sidebar{position:fixed;inset:0 auto 0 0;width:184px;padding:22px 14px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#030a10;z-index:80}.sidebar .brand{padding:0 8px 26px}.sidebar .brand b{font-size:17px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{position:relative;display:flex;align-items:center;min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:7px;color:#8996a6;font-size:12px}.sidebar nav a.active{color:#5ca4ff;border-color:#14345a;background:#0b2543}.sidebar nav a small{position:absolute;right:7px;font-size:7px;color:#566575}.plan-mini{margin-top:auto;padding:15px;border:1px solid #183249;border-radius:8px;background:#06111b;display:grid;gap:5px}.plan-mini span,.plan-mini small{color:var(--muted);font-size:9px}.plan-mini strong{color:#53a3ff}.terminal-main{padding:12px 16px 70px}.mobile-head{display:none}.terminal-toolbar{display:grid;grid-template-columns:150px minmax(280px,420px) 130px 1fr;gap:10px;align-items:end;margin-bottom:12px}.terminal-toolbar>div{padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#06101a}.terminal-toolbar label{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}.terminal-toolbar select{width:100%;border:0;background:transparent;color:white}.terminal-toolbar .tf span{display:flex}.terminal-toolbar .tf button{flex:1;height:28px;border:0;border-left:1px solid var(--line);background:transparent;color:#a6b1bd}.terminal-toolbar .tf button.active{color:#55a4ff;background:#0a2239}.terminal-toolbar em{align-self:center;justify-self:start;padding:9px 13px;border:1px solid #12623e;border-radius:6px;color:var(--green);font-size:10px;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(290px,1fr);grid-template-areas:"chart rail" "conclusion rail";gap:11px}.panel{border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#07131d,#040b12)}.chart-panel{grid-area:chart;overflow:hidden}.chart-panel header{height:53px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.chart-panel header span{color:#bcc6d1}.chart-panel header b{padding:5px 8px;border:1px solid #745f24;color:var(--yellow);font-size:8px}.demo-chart{position:relative;min-height:570px;overflow:hidden;background:linear-gradient(#06111a,#030a10)}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(#15253488 1px,transparent 1px),linear-gradient(90deg,#15253488 1px,transparent 1px);background-size:100% 20%,12.5% 100%}.candles{position:absolute;inset:9% 8% 12%;background:linear-gradient(115deg,transparent 0 8%,#23cf7b 8% 9%,transparent 9% 15%,#ed5261 15% 16%,transparent 16% 24%,#23cf7b 24% 26%,transparent 26% 33%,#23cf7b 33% 34%,transparent 34% 42%,#ed5261 42% 44%,transparent 44% 54%,#23cf7b 54% 56%,transparent 56% 63%,#ed5261 63% 65%,transparent 65% 73%,#23cf7b 73% 75%,transparent 75%)}.zone{position:absolute;padding:18px 55px;border:1px solid;font-size:10px}.zone.red{top:22%;left:53%;color:#f89aa3;border-color:#8a2c36;background:#46182066}.zone.green{top:60%;left:27%;color:#8ff3c2;border-color:#17663d;background:#0f402766}.zone.blue{top:72%;left:62%;color:#8bc5ff;border-color:#1c659f;background:#0b365566}.mark{position:absolute;color:#24c7f2;font-size:10px;font-weight:800}.m1{left:20%;top:38%}.m2{left:65%;top:42%}.m3{left:42%;top:18%;color:var(--red)}.demo-lock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px 28px;text-align:center;border:1px solid #315675;border-radius:9px;background:#03101be8;box-shadow:0 20px 60px #000}.demo-lock strong,.demo-lock small{display:block}.demo-lock strong{color:#73b5ff}.demo-lock small{margin-top:7px;color:var(--muted)}.right-rail{grid-area:rail;display:grid;gap:11px;align-content:start}.right-rail .panel{padding:14px}.panel h2{margin:0;padding-bottom:11px;border-bottom:1px solid #142535;font-size:12px;text-transform:uppercase}.panel h2 small{padding:4px;color:#73b5ff;background:#0e3764}.panel dl{margin:5px 0}.panel dl>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #101d28;font-size:10px}.panel dd{margin:0;color:var(--green)}.structure{position:relative;min-height:210px}.structure ul{padding:0;margin:12px 105px 0 0;list-style:none;color:#b9c2cc;font-size:10px}.structure li{margin:9px 0}.ring{position:absolute;right:18px;top:65px;width:82px;height:82px;display:grid;place-content:center;text-align:center;border:8px solid #23313c;border-top-color:var(--green);border-radius:50%;font-size:18px}.ring small{display:block;font-size:8px;color:var(--muted)}.right-rail p{font-size:11px;color:#b5c0cb;line-height:1.55}.conclusion{grid-area:conclusion;padding:14px}.conclusion-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:10px}.conclusion-grid>div{min-height:78px;padding:12px;border-right:1px solid var(--line);text-align:center}.conclusion-grid span{display:block;color:#7ebcff;font-size:8px}.conclusion-grid strong{display:block;margin-top:12px;font-size:11px}.conclusion p{color:#aeb8c3;font-size:10px}.conclusion .primary{width:100%;min-height:42px}.empty-state{min-height:70vh;display:grid;place-content:center;text-align:center;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.empty-state p{color:var(--muted)}.bottom-nav{display:none}
@media(max-width:760px){.landing{padding:20px}.landing nav>div a:first-child{display:none}.landing section{padding-top:18vh}.landing h1{font-size:46px}.landing p{font-size:15px}.landing section>div{display:grid}.auth-shell>.brand{position:static;margin-bottom:25px}.auth-shell{display:flex;flex-direction:column}.auth-card{padding:26px 18px}.form-split,.account-grid{grid-template-columns:1fr}.terminal{padding:0 0 72px}.sidebar{transform:translateX(-105%);width:min(82vw,290px);transition:.2s;box-shadow:25px 0 70px #000a}.sidebar.open{transform:none}.terminal-main{padding:8px}.mobile-head{height:60px;display:flex;align-items:center;gap:10px}.mobile-head .hamb{border:0;background:transparent;color:white;font-size:25px}.mobile-head .brand{margin-right:auto}.mobile-head .brand .logo-img{width:38px;height:38px}.mobile-head .brand b{font-size:15px}.mobile-head em{padding:7px;border:1px solid #12623e;border-radius:5px;color:var(--green);font-size:8px;font-style:normal}.terminal-toolbar{grid-template-columns:1fr 2.2fr .8fr;gap:6px}.terminal-toolbar>em{display:none}.terminal-toolbar>div{padding:6px}.terminal-toolbar .tf button{font-size:10px}.dashboard-grid{grid-template-columns:1fr;grid-template-areas:"chart" "rail" "conclusion"}.demo-chart{min-height:500px}.chart-panel header b{font-size:7px}.zone{padding:12px 22px}.right-rail .panel:nth-child(n+3){display:none}.conclusion-grid{grid-template-columns:repeat(2,1fr)}.bottom-nav{position:fixed;z-index:90;inset:auto 0 0;height:70px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);background:#030b11ee}.bottom-nav a{display:grid;place-content:center;text-align:center;color:#7c8998;font-size:18px}.bottom-nav a.active{color:#55a3ff;background:#0b233d}.bottom-nav small{display:block;font-size:7px;text-transform:uppercase}.demo-lock{width:75%;padding:15px}.brand .logo-img{clip-path:inset(5% round 24%)}}