:root{--tl-bg:#07111f;--tl-surface:#0d1a2b;--tl-surface-soft:#13243a;--tl-text:#f5f8fc;--tl-muted:#91a4bd;--tl-accent:#42e6a4;--tl-accent-strong:#14c884;--tl-positive:#42e6a4;--tl-negative:#ff6b7a;--tl-border:#91a4bd2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 5%, #42e6a41f, transparent 30rem), var(--tl-bg);min-width:320px;min-height:100vh;color:var(--tl-text);margin:0}button,a{font:inherit}.page-shell{width:min(1180px,100% - 40px);margin:0 auto}.nav-bar{border-bottom:1px solid var(--tl-border);justify-content:space-between;align-items:center;min-height:82px;display:flex}.brand{color:var(--tl-text);letter-spacing:-.02em;align-items:center;gap:12px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{color:#05130e;background:var(--tl-accent);letter-spacing:.04em;border-radius:12px;place-items:center;width:38px;height:38px;font-size:13px;display:grid}.status-pill{color:var(--tl-muted);border:1px solid var(--tl-border);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.status-dot{background:var(--tl-accent);border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 5px #42e6a41a}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;min-height:690px;display:grid}.eyebrow{color:var(--tl-accent);letter-spacing:.18em;margin:0 0 20px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;max-width:760px;margin-bottom:24px;font-size:clamp(52px,7vw,92px);line-height:.96}.hero-description{max-width:620px;color:var(--tl-muted);font-size:18px;line-height:1.75}.hero-actions{gap:12px;margin-top:34px;display:flex}.primary-button,.secondary-button{border-radius:12px;padding:13px 18px;font-weight:750;text-decoration:none}.primary-button{color:#04130d;background:var(--tl-accent)}.primary-button:hover{background:var(--tl-accent-strong)}.secondary-button{color:var(--tl-text);border:1px solid var(--tl-border);background:#ffffff06}.market-card{border:1px solid var(--tl-border);background:linear-gradient(155deg,#13243aeb,#081422f5);border-radius:24px;overflow:hidden;box-shadow:0 35px 90px #00000047}.market-card-header,.market-grid{padding:22px 24px}.market-card-header{color:var(--tl-muted);border-bottom:1px solid var(--tl-border);justify-content:space-between;font-size:13px;display:flex}.market-card-header strong{color:var(--tl-accent)}.market-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.market-grid div{gap:8px;display:grid}.market-grid span{color:var(--tl-muted);font-size:12px}.market-grid strong{font-size:15px}.sparkline{border-top:1px solid var(--tl-border);height:180px;padding:22px 0 0}.sparkline svg{width:100%;height:100%}.sparkline .line{fill:none;stroke:var(--tl-accent);stroke-width:3px}.sparkline .area{fill:url(#area)}.foundation{border-top:1px solid var(--tl-border);padding:94px 0 110px}.foundation h2{letter-spacing:-.045em;max-width:650px;margin-bottom:48px;font-size:clamp(34px,5vw,58px);line-height:1.04}.foundation-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.foundation-card{border:1px solid var(--tl-border);background:#0d1a2b9e;border-radius:18px;min-height:230px;padding:24px}.foundation-card>span{color:var(--tl-accent);margin-bottom:58px;font-size:12px;font-weight:800;display:block}.foundation-card h3{letter-spacing:-.025em;margin-bottom:12px;font-size:21px}.foundation-card p{color:var(--tl-muted);line-height:1.65}@media (width<=840px){.hero{grid-template-columns:1fr;gap:48px;min-height:auto;padding:88px 0}.foundation-grid{grid-template-columns:1fr}}@media (width<=520px){.page-shell{width:min(100% - 24px,1180px)}.status-pill{display:none}h1{font-size:48px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{text-align:center}.market-grid{grid-template-columns:1fr}}.nav-login{color:var(--tl-text);border:1px solid var(--tl-border);border-radius:10px;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none}.nav-login:hover{border-color:#42e6a480}.app-shell{background:radial-gradient(circle at 88% 2%, #42e6a414, transparent 28rem), var(--tl-bg);grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{border-right:1px solid var(--tl-border);background:#07111fdb;flex-direction:column;gap:46px;min-height:100vh;padding:28px 22px;display:flex}.app-sidebar nav{gap:8px;display:grid}.app-nav-item{color:var(--tl-muted);border-radius:10px;padding:11px 12px;font-size:14px;font-weight:650;text-decoration:none}.app-nav-item:hover,.app-nav-item-active{color:var(--tl-text);background:#42e6a417}.app-nav-item-active{box-shadow:inset 2px 0 0 var(--tl-accent)}.app-sidebar-note{color:var(--tl-muted);margin-top:auto;font-size:12px}.app-main{width:min(1280px,100% - 64px);margin:0 auto;padding:38px 0 64px}.app-topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;display:flex}.app-topbar .eyebrow{margin-bottom:8px}.app-topbar h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,5vw,52px);line-height:1}.api-chip{color:var(--tl-muted);border:1px solid var(--tl-border);border-radius:999px;align-items:center;gap:9px;padding:9px 13px;font-size:13px;display:inline-flex}.status-dot-error{background:var(--tl-negative);box-shadow:0 0 0 5px #ff6b7a1a}.app-notice{background:#42e6a40e;border:1px solid #42e6a438;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:20px 22px;display:flex}.app-notice strong{margin-bottom:6px;display:block}.app-notice p{color:var(--tl-muted);margin-bottom:0;line-height:1.55}.app-notice>span{color:var(--tl-accent);font-size:13px;font-weight:800}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.metric-card,.dashboard-panel{border:1px solid var(--tl-border);background:#0d1a2bb3}.metric-card{border-radius:15px;flex-direction:column;min-height:150px;padding:20px;display:flex}.metric-card span,.metric-card small,.panel-heading span,.panel-heading small{color:var(--tl-muted)}.metric-card span{font-size:13px}.metric-card strong{letter-spacing:-.04em;margin:18px 0 auto;font-size:30px}.metric-card small{margin-top:6px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:14px;margin-top:14px;display:grid}.dashboard-panel{border-radius:16px;min-height:330px;padding:22px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-heading div{gap:7px;display:grid}.panel-heading span,.panel-heading small{font-size:12px}.panel-heading strong{font-size:17px}.empty-chart{min-height:215px;color:var(--tl-muted);text-align:center;background-color:#0000;background-image:linear-gradient(#42e6a408 1px,#0000 1px),linear-gradient(90deg,#42e6a408 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px dashed #91a4bd33;border-radius:13px;place-items:center;margin-top:24px;display:grid}.market-badges{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.market-badges span{color:var(--tl-accent);letter-spacing:.06em;background:#42e6a40f;border:1px solid #42e6a438;border-radius:9px;padding:9px 11px;font-size:12px;font-weight:800}@media (width<=1020px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=760px){.app-shell{display:block}.app-sidebar{border-right:0;border-bottom:1px solid var(--tl-border);grid-template-columns:1fr auto;gap:18px;min-height:auto;padding:18px;display:grid}.app-sidebar nav{grid-column:1/-1;grid-template-columns:repeat(4,minmax(max-content,1fr));overflow-x:auto}.app-sidebar-note{align-self:center;margin:0}.app-main{width:min(100% - 28px,1280px);padding-top:28px}.app-notice{align-items:flex-start}}@media (width<=520px){.nav-login{padding:9px 11px;font-size:12px}.app-sidebar nav{grid-template-columns:repeat(4,max-content)}.app-topbar{align-items:flex-start}.metric-grid{grid-template-columns:1fr}.app-notice{flex-direction:column}}
