:root{--bg:#041027;--bg2:#061a3d;--panel:#071b3d;--panel2:#092653;--line:rgba(96,165,250,.24);--text:#eaf4ff;--muted:#9ab6d4;--blue:#1d9bf0;--blue2:#2563eb;--cyan:#22d3ee;--green:#22c55e;--red:#fb7185;--yellow:#fbbf24}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(29,155,240,.30),transparent 32%),radial-gradient(circle at top right,rgba(37,99,235,.30),transparent 30%),linear-gradient(180deg,var(--bg),#020817 72%);color:var(--text);font-family:Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 75%);pointer-events:none;z-index:-1}.ba-navbar{background:rgba(4,16,39,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.navbar-brand{color:#fff!important;font-weight:900;letter-spacing:-.02em}.navbar-brand small{display:block;color:#8ec5ff;font-size:12px;font-weight:700;letter-spacing:.02em;margin-top:-2px}.brand-mark{width:42px;height:42px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--cyan),var(--blue2));box-shadow:0 16px 35px rgba(29,155,240,.32);font-size:14px;color:#001b3d;font-weight:900}.btn-ba{background:linear-gradient(135deg,var(--blue),var(--cyan));border:0;color:#021226;font-weight:900;border-radius:999px;padding:.55rem 1rem;box-shadow:0 12px 28px rgba(34,211,238,.2)}.btn-ba:hover{color:#001b3d;filter:brightness(1.08)}.live-pill{border:1px solid var(--line);background:rgba(7,27,61,.75);color:#bfdbfe;border-radius:999px;padding:.48rem .75rem;font-size:12px;font-weight:800}.live-pill i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(34,197,94,.13);margin-right:7px}.hero-card,.glass-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(7,27,61,.88),rgba(6,26,61,.64));border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.28);backdrop-filter:blur(18px);overflow:hidden}.hero-card{padding:16px}.score-panel,.hero-right{border:1px solid rgba(147,197,253,.16);background:radial-gradient(circle at top right,rgba(34,211,238,.16),transparent 45%),rgba(4,16,39,.50);border-radius:24px;padding:28px;height:100%}.small-kicker{color:#7dd3fc;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:11px}.direction-title{font-size:clamp(30px,4vw,48px);line-height:1;font-weight:900;letter-spacing:-.04em}.hero-title{font-size:clamp(28px,4vw,54px);line-height:1.02;font-weight:900;letter-spacing:-.045em;max-width:760px}.hero-sub,.summary-text{color:var(--muted);line-height:1.7}.score-circle{width:190px;height:190px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:conic-gradient(var(--cyan) calc(var(--score)*1%),rgba(30,64,175,.34) 0);box-shadow:inset 0 0 40px rgba(34,211,238,.1),0 0 55px rgba(29,155,240,.18)}.score-circle:before{content:"";position:absolute;width:142px;height:142px;border-radius:50%;background:linear-gradient(145deg,#061a3d,#020817);border:1px solid rgba(147,197,253,.18)}.score-circle strong,.score-circle span{position:relative;z-index:1}.score-circle strong{font-size:52px;font-weight:900;letter-spacing:-.04em}.score-circle span{color:#93c5fd;font-weight:900}.sentiment-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(8,25,54,.78);border:1px solid rgba(96,165,250,.22);border-radius:18px;padding:14px 16px}.sentiment-box span{color:#93c5fd;font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.sentiment-box b{font-size:18px}.status-chip,.refresh-note{border:1px solid var(--line);background:rgba(8,25,54,.76);color:#bfdbfe;border-radius:999px;padding:.5rem .8rem;font-size:12px;font-weight:800}.stat-tile{height:100%;border:1px solid rgba(96,165,250,.22);background:linear-gradient(145deg,rgba(29,78,216,.24),rgba(8,25,54,.6));border-radius:20px;padding:18px;position:relative;overflow:hidden}.stat-tile:after{content:"";position:absolute;right:-26px;top:-26px;width:84px;height:84px;border-radius:50%;background:rgba(125,211,252,.11)}.stat-tile span{display:block;color:#93c5fd;font-size:12px;text-transform:uppercase;font-weight:900}.stat-tile b{display:block;font-size:30px;letter-spacing:-.03em;margin-top:4px}.stat-tile small{color:var(--muted)}.stat-up b{color:#86efac}.stat-mid b{color:#93c5fd}.stat-down b{color:#fda4af}.action-panel{display:flex;gap:16px;align-items:flex-start;background:rgba(2,8,23,.36);border:1px solid rgba(96,165,250,.2);border-radius:20px;padding:18px}.action-dot{width:14px;height:14px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 8px rgba(34,211,238,.12);margin-top:5px;flex:0 0 auto}.action-panel b{font-size:16px}.action-panel p{color:#b8cfe8;line-height:1.65}.section-title{font-size:24px;font-weight:900;letter-spacing:-.03em}.metric-card{border:1px solid rgba(96,165,250,.2);background:linear-gradient(145deg,rgba(8,25,54,.94),rgba(9,38,83,.56));border-radius:22px;padding:18px;transition:.22s ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;inset:auto -40px -48px auto;width:120px;height:120px;border-radius:50%;background:rgba(34,211,238,.08);pointer-events:none}.metric-card:hover{transform:translateY(-4px);border-color:rgba(125,211,252,.48);box-shadow:0 20px 48px rgba(0,0,0,.25)}.metric-head{display:flex;align-items:flex-start;gap:12px}.metric-icon{width:42px;height:42px;border-radius:16px;background:linear-gradient(145deg,rgba(34,211,238,.24),rgba(37,99,235,.22));border:1px solid rgba(125,211,252,.25);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;color:#7dd3fc;flex:0 0 auto}.metric-driver{font-size:10px;text-transform:uppercase;color:#7dd3fc;font-weight:900;letter-spacing:.12em}.metric-card h4{font-size:17px;line-height:1.25;margin:.25rem 0 0;font-weight:900}.trend-badge{font-size:10px;border-radius:999px;padding:7px 10px;text-transform:uppercase;font-weight:900;white-space:nowrap}.trend-bullish{background:rgba(34,197,94,.15);color:#86efac;border:1px solid rgba(34,197,94,.3)}.trend-bearish{background:rgba(251,113,133,.13);color:#fda4af;border:1px solid rgba(251,113,133,.3)}.trend-neutral{background:rgba(96,165,250,.14);color:#bfdbfe;border:1px solid rgba(96,165,250,.3)}.trend-card-bullish{box-shadow:inset 0 0 0 1px rgba(34,197,94,.08)}.trend-card-bearish{box-shadow:inset 0 0 0 1px rgba(251,113,133,.08)}.impact-line{margin-top:16px;font-weight:900;color:#e0f2fe}.factor-explain{color:#a9c1dd;line-height:1.6;font-size:13px;margin:6px 0 0}.metric-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.metric-values div{background:rgba(2,8,23,.32);border:1px solid rgba(96,165,250,.14);border-radius:16px;padding:12px;min-width:0}.metric-values span,.points-row span{display:block;color:#93c5fd;font-size:11px;text-transform:uppercase;font-weight:900}.metric-values b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.points-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.points-row b{color:#dbeafe}.ba-progress{height:9px;background:rgba(30,64,175,.28);border-radius:999px}.ba-progress .progress-bar{background:linear-gradient(90deg,var(--blue2),var(--cyan));border-radius:999px}.weight-list,.scale-box{display:grid;gap:10px}.weight-list div,.scale-box div{display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgba(2,8,23,.3);border:1px solid rgba(96,165,250,.14);border-radius:16px;padding:12px 14px}.weight-list span,.scale-box span{color:#bfdbfe}.weight-list b{color:#67e8f9}.up{color:#86efac}.mid{color:#93c5fd}.down{color:#fda4af}.alert-ready{background:linear-gradient(145deg,rgba(29,155,240,.16),rgba(34,211,238,.08));border:1px solid rgba(125,211,252,.28);border-radius:18px;padding:16px;color:#dbeafe}.alert-ready p{color:#9db9d7;line-height:1.6}.bullish-mode .direction-title{color:#7dd3fc}.bearish-mode .direction-title{color:#fda4af}.neutral-mode .direction-title{color:#bfdbfe}@media(max-width:575px){.hero-card{padding:10px;border-radius:22px}.score-panel,.hero-right{padding:20px;border-radius:20px}.score-circle{width:164px;height:164px}.score-circle:before{width:122px;height:122px}.score-circle strong{font-size:42px}.navbar-brand small{display:none}.brand-mark{width:38px;height:38px}.metric-values{grid-template-columns:1fr}.direction-title{font-size:34px}.trend-badge{white-space:normal;text-align:center}.metric-head{align-items:center}}

.metric-icon svg{width:23px;height:23px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.metric-icon svg circle{fill:none}.metric-card:hover .metric-icon{box-shadow:0 0 24px rgba(34,211,238,.22)}