:root{--blue:#3b82f6;--gbd:rgba(255,255,255,.08);--gbg:rgba(15,23,42,.45);}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',sans-serif;background:#050505;background-image:radial-gradient(circle at 20% 20%,rgba(59,130,246,.05) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.05) 0%,transparent 40%);background-attachment:fixed;color:#f0f0f0;padding-top:64px;min-height:100vh;-webkit-font-smoothing:antialiased;}
.sidebar{width:260px;height:100vh;position:fixed;left:0;top:0;background:rgba(13,13,13,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--gbd);display:flex;flex-direction:column;z-index:1000;transition:transform .3s ease;}
.top-bar{position:fixed;top:0;left:260px;right:0;height:64px;background:rgba(5,5,5,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--gbd);display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:900;}
.main-wrap{margin-left:260px;padding-top:24px;}
.cw{max-width:1400px;margin:0 auto;padding:0 32px 48px;}
.glcard{background:var(--gbg);backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--gbd);border-radius:20px;position:relative;overflow:hidden;}
.glcard::before,.acard::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);z-index:1;}
.acard{display:flex;flex-direction:column;background:var(--gbg);backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--gbd);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;}
.acard:hover{border-color:rgba(59,130,246,.3);box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 0 1px rgba(59,130,246,.1);transform:translateY(-4px);}
.ci{position:relative;height:190px;overflow:hidden;background:rgba(10,15,30,.9);}
.ci img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.acard:hover .ci img{transform:scale(1.05);}
.sdot{position:absolute;top:10px;right:10px;width:9px;height:9px;border-radius:50%;border:2px solid rgba(255,255,255,.8);z-index:2;}
.dot-bull{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.7);}
.dot-bear{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.7);}
.dot-neut{background:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,.7);}
.sent-bull{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3);padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;}
.sent-bear{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;}
.sent-neut{background:rgba(148,163,184,.15);color:#94a3b8;border:1px solid rgba(148,163,184,.25);padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;}
.hcard{display:block;text-decoration:none;position:relative;border-radius:20px;overflow:hidden;background:#0a0f1e;border:1px solid var(--gbd);transition:all .3s;}
.hcard:hover{border-color:rgba(59,130,246,.3);box-shadow:0 16px 48px rgba(0,0,0,.6);transform:translateY(-3px);}
.hcard img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.hcard:hover img{transform:scale(1.03);}
.hov{position:absolute;bottom:0;left:0;right:0;padding:22px;background:linear-gradient(transparent,rgba(0,0,0,.88) 60%);}
.agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.sk{background:linear-gradient(90deg,rgba(30,41,59,.5) 25%,rgba(51,65,85,.5) 50%,rgba(30,41,59,.5) 75%);background-size:200% 100%;animation:skw 1.5s infinite;width:100%;height:100%;position:absolute;top:0;left:0;}
#stt{display:none;position:fixed;bottom:24px;right:24px;z-index:999;width:44px;height:44px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:50%;color:white;font-size:16px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px rgba(37,99,235,.5);}
#stt:hover{transform:scale(1.1);}
.logo-icon{animation:lrot 8s ease-in-out infinite;}
.live-text-modern{animation:breath 3s ease-in-out infinite;}
@keyframes lrot{0%,100%{transform:rotate(0)}50%{transform:rotate(15deg)}}
@keyframes breath{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}
@keyframes skw{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes liveGlow{0%,100%{box-shadow:0 0 8px rgba(220,38,38,.4)}50%{box-shadow:0 0 24px rgba(220,38,38,.7)}}
::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px;}
@media(max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.show{transform:translateX(0)}.main-wrap{margin-left:0}.top-bar{left:0;width:100%}.agrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.agrid{grid-template-columns:1fr}.cw{padding:0 16px 32px}}