*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}:root{--bg-primary:#0a0a0f;--bg-secondary:#141418;--bg-card:#1c1c22;--text-primary:#fff;--text-secondary:#9ca3af;--accent-blue:#3b82f6;--accent-green:#22c55e;--accent-yellow:#eab308;--accent-red:#ef4444;--accent-purple:#a855f7;--border-color:#2d2d35}body{background:var(--bg-primary);color:var(--text-primary);-webkit-text-size-adjust:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.4}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}.container{max-width:1600px;margin:0 auto;padding:0 16px}.btn{border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#252530}.btn-google{color:#333;background:#fff;border:1px solid #ddd}.btn-google:hover{background:#f5f5f5}.btn-twitter{color:#fff;background:#000}.btn-twitter:hover{background:#222}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:16px}.status-low{color:var(--accent-green)}.status-moderate{color:var(--accent-yellow)}.status-high{color:var(--accent-red)}.status-longs{color:var(--accent-green)}.status-shorts{color:var(--accent-red)}.premium-badge{background:linear-gradient(135deg, var(--accent-purple), var(--accent-blue));color:#fff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.free-badge{background:var(--bg-secondary);color:var(--text-secondary);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.delayed-badge{background:var(--accent-yellow);color:#000;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.lock-overlay{position:relative}.lock-overlay:after{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0fcc;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.upgrade-prompt{z-index:10;text-align:center;padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading,.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #ef444426,0 0 16px #ef444414}50%{box-shadow:0 0 12px #ef444440,0 0 24px #ef44441f}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-container{white-space:nowrap;flex:1;overflow:hidden}.ticker-content{animation:80s linear infinite ticker-scroll;display:inline-flex}.ticker-content:hover{animation-play-state:paused}.ticker-item{align-items:center;gap:4px;padding:0 10px;display:inline-flex}.ticker-separator{color:#3b3b45;padding:0 4px;font-size:10px}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.grid-5{grid-template-columns:repeat(5,1fr);gap:10px;width:100%;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.desktop-nav{align-items:center;gap:24px;display:flex}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;display:none}.mobile-nav-overlay{z-index:9998;background:#0009;display:none;position:fixed;inset:0}.mobile-nav-overlay.open{display:block}.mobile-nav-panel{background:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:9999;-webkit-overflow-scrolling:touch;width:280px;max-width:85vw;transition:transform .3s;display:none;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-nav-panel.open{display:block;transform:translate(0)}.mobile-nav-panel a,.mobile-nav-panel button{width:100%;color:var(--text-secondary);text-align:left;background:0 0;border:none;align-items:center;gap:10px;min-height:48px;padding:14px 20px;font-size:15px;text-decoration:none;display:flex}.mobile-nav-panel a:hover,.mobile-nav-panel button:hover{background:#ffffff0d;text-decoration:none}.mobile-nav-close{border-bottom:1px solid var(--border-color);justify-content:flex-end;align-items:center;padding:12px 16px;display:flex}.ticker-bar{display:flex}.header-tagline{display:block}.header-logo-text{font-size:20px}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-5{grid-template-columns:repeat(3,1fr);max-width:620px;margin-left:auto;margin-right:auto}.indices-row{grid-template-columns:1fr!important;gap:10px!important}.indices-row .liq-sticky{max-width:400px;margin:0 auto}.indices-row .indices-divider{display:none!important}.indices-row>div:not(.liq-sticky):not(.indices-divider){grid-column:auto!important}.grid-3{grid-template-columns:repeat(2,1fr)}.desktop-nav{display:none}.mobile-menu-btn{display:flex}}@media (width<=768px){.container{padding:0 12px}.card{padding:12px}.grid-4{grid-template-columns:1fr 1fr;gap:8px}.grid-5{grid-template-columns:1fr 1fr;gap:8px;max-width:400px;margin-left:auto;margin-right:auto}.indices-row .liq-sticky{max-width:none;margin-bottom:8px}.grid-3{grid-template-columns:1fr;gap:16px}.grid-2{grid-template-columns:1fr;gap:12px}.ticker-bar,.header-tagline{display:none}.header-logo-text{font-size:18px}.btn{padding:6px 12px;font-size:12px}.card>div:first-child{flex-wrap:wrap;gap:8px}}@media (width<=480px){.grid-4{grid-template-columns:1fr;gap:8px}.grid-5{grid-template-columns:1fr;gap:8px;max-width:none;margin-left:0;margin-right:0}.grid-3{grid-template-columns:1fr}.container{padding:0 8px}.card{border-radius:8px;padding:10px}.card>div:first-child{flex-wrap:wrap;gap:6px}}