*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#080808;--text:#ffffff;--green:#00c853;--red:#ff1744;--blue:#2979ff;--muted:rgba(255,255,255,0.5)}body,html{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}.stage{position:fixed;inset:0;background:radial-gradient(ellipse at center,#0a0e1e 0,#080810 45%,#080808 100%)}.webgl{position:absolute;inset:0}.webgl canvas{display:block}.drag-layer{z-index:1;cursor:-webkit-grab;cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.drag-layer,.vignette{position:absolute;inset:0}.vignette{z-index:2;background:radial-gradient(ellipse at center,transparent 52%,rgba(0,0,0,.55) 100%)}.brand,.vignette{pointer-events:none}.brand{position:absolute;top:28px;left:32px;z-index:3;font-size:20px;font-weight:800;letter-spacing:.14em;display:flex;align-items:baseline;gap:2px}.brand-mark{width:9px;height:9px;border-radius:50%;background:var(--blue);margin-right:10px;align-self:center;box-shadow:0 0 12px var(--blue)}.brand-dot{color:var(--blue)}.brand-sub{margin-left:14px;font-size:11px;letter-spacing:.22em;text-transform:uppercase}.brand-sub,.hint{font-weight:500;color:var(--muted)}.hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;pointer-events:none;font-size:13px;letter-spacing:.06em;animation:hint-pulse 3s ease-in-out infinite;white-space:nowrap}@keyframes hint-pulse{0%,to{opacity:.45}50%{opacity:.9}}.detail{position:absolute;inset:0;z-index:10;overflow-y:auto;background:rgba(8,8,12,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.back-btn{position:fixed;top:26px;left:30px;z-index:11;font-family:inherit;font-size:14px;font-weight:600;color:var(--text);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:11px 22px;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}.back-btn:hover{background:rgba(41,121,255,.18);border-color:rgba(41,121,255,.6);transform:translateX(-3px)}.detail-inner{max-width:780px;margin:0 auto;padding:110px 28px 70px}.detail-head{gap:22px;margin-bottom:30px}.detail-head,.detail-logo{display:flex;align-items:center}.detail-logo{width:76px;height:76px;border-radius:22px;justify-content:center;font-size:26px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 12px 40px rgba(0,0,0,.5)}.detail-head h1{font-size:clamp(30px,5vw,46px);font-weight:800;letter-spacing:-.02em;margin-bottom:10px}.sector-badge{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:6px 16px}.price-row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:34px}.big-price{font-size:clamp(38px,6vw,58px);font-weight:800;letter-spacing:-.02em}.change-pill{font-size:16px;font-weight:700;border-radius:999px;padding:7px 16px}.change-pill.up{color:var(--green);background:rgba(0,200,83,.12)}.change-pill.down{color:var(--red);background:rgba(255,23,68,.12)}.price-note{font-size:13px;color:var(--muted)}.chart-box{position:relative;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(rgba(255,255,255,.025),rgba(255,255,255,0)),repeating-linear-gradient(180deg,transparent 0,transparent 47px,rgba(255,255,255,.045) 48px);padding:28px 22px 40px;margin-bottom:30px}.chart-box svg{display:block;width:100%;height:220px}.chart-label{position:absolute;bottom:13px;left:24px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:14px;gap:14px;margin-bottom:38px}.stat-cell{background:#111318;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px}.stat-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.stat-value{font-size:22px;font-weight:700}.cta{font-family:inherit;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2979ff,#1e5fd6);border:none;border-radius:14px;padding:18px 54px;cursor:pointer;box-shadow:0 14px 40px rgba(41,121,255,.35);transition:transform .25s,box-shadow .25s,filter .25s}.cta:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 18px 50px rgba(41,121,255,.5)}.cta:active{transform:translateY(0)}@media (max-width:560px){.brand-sub{display:none}.detail-inner{padding-top:96px}.detail-head{gap:16px}.detail-logo{width:60px;height:60px;border-radius:16px;font-size:20px}}