@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#050806;--surface:#0a0f0c;--panel:#0d1410;--panel2:#111b15;--line:#1b2b21;--line2:#273b2e;--text:#eef8f1;--muted:#789083;--green:#23e487;--green2:#0db866;--red:#ff5874;--amber:#f4c15d;--blue:#5d9bff;--sidebar:248px;--radius:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Segoe UI,sans-serif;min-height:100vh;font-size:14px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(35,228,135,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(35,228,135,.018) 1px,transparent 1px);background-size:32px 32px;z-index:-1}a{text-decoration:none;color:var(--green)}h1,h2,h3,h4,h5,.brand,.display-title{font-family:'Space Grotesk',sans-serif}.up{color:var(--green)!important}.down{color:var(--red)!important}.muted,.text-muted{color:var(--muted)!important}
.brand{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;letter-spacing:-.7px;color:#fff!important}.brand i{font-style:normal;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--green);border-radius:7px;color:var(--green);font-size:.9rem;box-shadow:0 0 20px rgba(35,228,135,.15)}.brand span{color:var(--green)}
.public-shell{overflow:hidden}.public-ticker,.market-strip{height:32px;background:#070b08;border-bottom:1px solid var(--line);color:#a1afa6;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.public-ticker{display:flex;align-items:center;overflow:hidden}.ticker-track{display:flex;justify-content:center;gap:52px;width:100%;white-space:nowrap}.ticker-track span b{margin-left:7px}.trading-nav{min-height:72px;border-bottom:1px solid var(--line)}.navbar-dark .nav-link{color:#94a89a;padding:.6rem .8rem}.navbar-dark .nav-link:hover{color:#fff}.btn-terminal,.btn-gold{background:var(--green);border:1px solid var(--green);color:#031009!important;font-weight:700;border-radius:7px;padding:.7rem 1.15rem}.btn-terminal:hover,.btn-gold:hover{background:#45ee9d;border-color:#45ee9d;box-shadow:0 0 24px rgba(35,228,135,.2)}.btn-terminal-outline{border:1px solid var(--line2);color:#dce9df;border-radius:7px;padding:.65rem 1.1rem}.btn-terminal-outline:hover{border-color:var(--green);color:var(--green)}.btn-outline-warning{border-color:var(--line2);color:#dce9df}.btn-outline-warning:hover{background:var(--green);border-color:var(--green);color:#041009}
.hero{padding:78px 0 70px;min-height:690px;display:flex;align-items:center;position:relative}.hero:after{content:"";position:absolute;width:650px;height:650px;border-radius:50%;background:rgba(20,174,99,.08);filter:blur(100px);right:-280px;top:-200px;pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700}.eyebrow:before{content:"";width:20px;height:1px;background:var(--green)}.display-title{font-size:clamp(3.2rem,7vw,6.6rem);line-height:.9;font-weight:700;letter-spacing:-5px}.text-gradient{color:var(--green)}.hero .lead{font-size:1.08rem;line-height:1.8}.terminal-window{position:relative;background:#080d0a;border:1px solid var(--line2);border-radius:14px;box-shadow:0 30px 100px #000,0 0 0 1px rgba(35,228,135,.03) inset;overflow:hidden}.terminal-head{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.terminal-head b{color:#fff}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#314238}.window-dots i:first-child{background:var(--red)}.window-dots i:nth-child(2){background:var(--amber)}.terminal-body{padding:18px}.asset-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.asset-name{display:flex;align-items:center;gap:10px}.asset-logo{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#17271d;color:var(--green);font-weight:700}.asset-price{text-align:right}.asset-price b{display:block}.chart-screen{height:210px;position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent,transparent 41px,var(--line) 42px),repeating-linear-gradient(90deg,transparent,transparent 72px,var(--line) 73px);overflow:hidden}.chart-screen svg{position:absolute;inset:15px 0 0;width:100%;height:180px}.order-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.order-btn{padding:11px;border-radius:6px;text-align:center;font-weight:700}.order-btn.buy{background:#123a26;color:var(--green)}.order-btn.sell{background:#3c1820;color:var(--red)}
.section{padding:80px 0}.section-title{font-size:clamp(2rem,4vw,3.4rem);font-weight:700;letter-spacing:-2px}.glass,.plan-card,.auth-card,.content-card,.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}.glass{transition:.2s}.glass:hover{border-color:var(--line2)}.plan-card{padding:24px;height:100%;position:relative;overflow:hidden;transition:.2s}.plan-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--green),transparent)}.plan-card:hover{transform:translateY(-4px);border-color:#28583c}.plan-price{font-family:'Space Grotesk';font-size:1.65rem;color:#fff;font-weight:700}.step-no{width:38px;height:38px;border:1px solid var(--green);border-radius:6px;color:var(--green);display:grid;place-items:center;font-family:'Space Grotesk';font-weight:700}.trade-footer{border-top:1px solid var(--line);padding:50px 0;color:var(--muted)}.trade-footer .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.trade-footer p{margin:10px 0 0}.footer-status{color:#a8b7ad}.status-dot,.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.auth-wrap{min-height:calc(100vh - 105px);display:grid;place-items:center;padding:40px 15px}.auth-card{width:min(510px,100%);padding:32px;border-top:2px solid var(--green)}.auth-card h1{font-size:2rem}.form-label{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#9aafa0;font-weight:600}.form-control,.form-select{background:#080d0a;border:1px solid var(--line2);color:#e9f4ec;padding:.75rem .85rem;border-radius:6px;font-size:13px}.form-control:focus,.form-select:focus{background:#080d0a;color:#fff;border-color:var(--green);box-shadow:0 0 0 3px rgba(35,228,135,.08)}.form-control::placeholder{color:#52655a}.form-control[readonly]{background:#090d0b;color:#8fa197}.form-select option{background:#0b120e}.input-group .btn{border-radius:0 6px 6px 0}.alert{border-radius:6px}.terminal-alert{background:#101a14;border:1px solid var(--line2);color:#d9e8dd}.flash-wrap{position:fixed;top:44px;right:18px;z-index:1100;max-width:400px}
.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#070b08;border-right:1px solid var(--line);z-index:100;padding:18px 14px;display:flex;flex-direction:column}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px 18px}.sidebar-close{display:none;background:none;border:0;color:#fff;font-size:26px}.account-pill{display:flex;align-items:center;gap:10px;padding:12px 10px;background:#0b110d;border:1px solid var(--line);border-radius:8px;margin-bottom:17px;position:relative}.avatar,.profile-dot{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#183124;color:var(--green);font-weight:700}.account-pill div{min-width:0;display:grid}.account-pill b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-pill small{font-size:9px;color:var(--muted);letter-spacing:.7px}.account-pill .online-dot{position:absolute;right:10px;width:6px;height:6px}.sidebar nav{display:grid;gap:2px;overflow-y:auto}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:6px;color:#7e9385;font-size:12px;font-weight:500;border-left:2px solid transparent}.sidebar nav a:hover{color:#d7e5db;background:#0c1510}.sidebar nav a.active{color:var(--green);background:#102319;border-left-color:var(--green)}.nav-icon{width:19px;text-align:center;font-size:14px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:15px 8px 0;color:#607268;font-size:9px;text-transform:uppercase;letter-spacing:.6px}.sidebar-foot .status-dot{margin-right:6px;width:5px;height:5px}.sidebar-shade{display:none}.app-main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-height:100vh}.market-strip{display:flex;align-items:center;gap:34px;padding:0 24px;overflow:hidden}.market-strip div{white-space:nowrap}.market-strip b{color:#a6b7ac;font-size:9px;margin-right:7px}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(7,11,8,.93);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;backdrop-filter:blur(12px)}.topbar-left{display:flex;align-items:center;gap:14px}.topbar small{font-size:8px;color:var(--green);letter-spacing:1.3px}.topbar h1{font-size:18px;margin:1px 0 0}.menu-btn{display:none;background:none;border:0;width:28px;padding:3px}.menu-btn span{display:block;height:2px;background:#9db0a3;margin:4px 0}.top-actions{display:flex;align-items:center;gap:11px}.live-chip,.date-chip{border:1px solid var(--line);border-radius:5px;padding:5px 8px;font-size:9px;color:#819386;letter-spacing:.5px}.live-chip i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:4px;box-shadow:0 0 8px var(--green)}.profile-dot{width:30px;height:30px;font-size:11px}.workspace{padding:20px 24px 40px;max-width:1800px;margin:auto}.stat-card{padding:16px 17px;min-height:118px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--green)}.stat-card.red:after{background:var(--red)}.stat-card.blue:after{background:var(--blue)}.stat-card.gold:after{background:var(--amber)}.stat-top{display:flex;justify-content:space-between}.stat-card small{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.stat-card strong{font-family:'Space Grotesk';font-size:1.55rem}.stat-foot{font-size:9px}.stat-spark{display:flex;align-items:end;gap:2px;height:15px}.stat-spark i{display:block;width:2px;background:var(--green)}.stat-spark i:nth-child(1){height:5px}.stat-spark i:nth-child(2){height:11px}.stat-spark i:nth-child(3){height:8px}.stat-spark i:nth-child(4){height:15px}.content-card{padding:18px}.content-card h3,.content-card h4{font-size:15px;margin-bottom:16px}.wallet-chip{background:#090e0b;border:1px solid var(--line);border-radius:7px;padding:12px}.wallet-chip small{font-size:9px;text-transform:uppercase;letter-spacing:.6px}.notice{border-left:2px solid var(--green);background:#0a120d;padding:11px 13px;border-radius:4px}.table-responsive{border:1px solid var(--line);border-radius:7px}.table{--bs-table-bg:transparent;--bs-table-color:#c8d7cc;--bs-table-border-color:var(--line);margin:0;font-size:11px}.table thead th{background:#0a110d;color:#718579;text-transform:uppercase;letter-spacing:.6px;font-size:8px;padding:11px;white-space:nowrap}.table tbody td{padding:11px;vertical-align:middle}.table tbody tr:hover{background:#0c1510}.badge{font-size:8px;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:5px 7px}.badge-pending{background:#332a12;color:#f4c15d}.badge-approved,.badge-active{background:#0e3422;color:#4cec9d}.badge-rejected,.badge-inactive{background:#3b1720;color:#ff8597}.btn-sm{font-size:10px}.btn-success{background:#12683d;border-color:#16844d}.btn-danger{background:#6e2030;border-color:#8e2a3d}.trading-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head h3{font-size:12px;margin:0}.panel-head span{font-size:9px;color:var(--muted)}.portfolio-chart{height:270px;position:relative;background:repeating-linear-gradient(0deg,transparent,transparent 52px,var(--line) 53px),repeating-linear-gradient(90deg,transparent,transparent 84px,var(--line) 85px)}.portfolio-chart svg{position:absolute;inset:15px;width:calc(100% - 30px);height:230px}.chart-label{position:absolute;top:15px;left:16px}.chart-label strong{font:700 22px 'Space Grotesk';display:block}.chart-label small{color:var(--green)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-action{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 8px;background:#0a110d;border:1px solid var(--line);border-radius:7px;color:#a7b7ac;font-size:11px}.quick-action:hover{border-color:var(--green);color:var(--green)}
@media(max-width:1100px){:root{--sidebar:220px}.workspace{padding:16px}.quick-actions{grid-template-columns:repeat(2,1fr)}.market-strip{gap:20px}.display-title{font-size:4.5rem}}
@media(max-width:800px){body{font-size:13px}.public-ticker{height:28px}.ticker-track{justify-content:flex-start;gap:30px;animation:ticker 20s linear infinite}.trading-nav{min-height:62px;padding-left:16px;padding-right:16px}.navbar-collapse{background:#080d0a;border:1px solid var(--line);border-radius:8px;padding:14px;margin-top:10px}.navbar-nav .btn{margin-top:8px}.hero{padding:45px 0;min-height:auto}.display-title{font-size:3.3rem;letter-spacing:-3px}.hero .lead{font-size:.95rem}.terminal-window{margin-top:20px}.section{padding:55px 0}.trade-footer .container{align-items:flex-start;flex-direction:column}.sidebar{transform:translateX(-100%);transition:.25s;width:min(82vw,280px);box-shadow:30px 0 70px #000}.menu-open .sidebar{transform:translateX(0)}.sidebar-shade{display:block;position:fixed;inset:0;background:#000b;z-index:90;opacity:0;visibility:hidden;transition:.2s}.menu-open .sidebar-shade{opacity:1;visibility:visible}.sidebar-close{display:block}.app-main{margin:0;width:100%}.market-strip{height:28px;padding:0 12px;gap:24px}.market-strip div:nth-child(n+4){display:none}.topbar{height:59px;padding:0 12px}.menu-btn{display:block}.topbar h1{font-size:15px}.date-chip{display:none}.workspace{padding:12px 10px 80px}.stat-card{min-height:105px;padding:13px}.stat-card strong{font-size:1.15rem}.content-card{padding:13px}.table-responsive{font-size:10px}.table{min-width:620px}.auth-card{padding:23px}.flash-wrap{top:35px;left:10px;right:10px}.portfolio-chart{height:230px}.portfolio-chart svg{height:190px}.quick-actions{grid-template-columns:repeat(2,1fr)}.impersonation-bar{position:relative;z-index:30}.row.g-4{--bs-gutter-y:1rem}.col-6 .stat-foot small{display:none}}
@media(max-width:430px){.display-title{font-size:2.8rem}.hero .d-flex{flex-direction:column}.hero .btn{width:100%}.stat-card strong{font-size:1rem}.stat-card small{font-size:8px}.top-actions{gap:6px}.live-chip{display:none}.profile-dot{width:28px;height:28px}.terminal-body{padding:13px}.chart-screen{height:175px}.chart-screen svg{height:150px}.plan-card{padding:18px}}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-60%)}}