@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0e27;--bg-card: #1e222d;--bg-elevated: #131722;--text-primary: #ffffff;--text-secondary: #9b9eac;--border-color: #2a2e39;--accent-green: #00ff88;--accent-red: #ff4444;--accent-blue: #2962ff;--accent-cyan: #00bcd4;--bg-card-glass: rgba(19, 23, 34, .9);--bg-glass-heavy: rgba(10, 14, 39, .95);--bg-glass-light: rgba(255, 255, 255, .03);--gradient-bg: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 50%, #0a0e27 100%)}[data-theme=light]{--bg-primary: #f5f7fa;--bg-card: #ffffff;--bg-elevated: #f0f2f5;--text-primary: #1a1a1a;--text-secondary: #666666;--border-color: #e0e0e0;--bg-card-glass: rgba(255, 255, 255, .9);--bg-glass-heavy: rgba(255, 255, 255, .95);--bg-glass-light: rgba(0, 0, 0, .05);--gradient-bg: linear-gradient(135deg, #f5f7fa 0%, #e4e7eb 50%, #f5f7fa 100%);--pattern-opacity: .15}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.market-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-bg);z-index:-3}.market-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2300ff88' opacity='0.06'%3E%3Crect x='20' y='50' width='12' height='30' rx='2'/%3E%3Cline x1='26' y1='30' x2='26' y2='90' stroke='%2300ff88' stroke-width='2'/%3E%3C/g%3E%3Cg fill='%23ff3366' opacity='0.06'%3E%3Crect x='80' y='30' width='12' height='40' rx='2'/%3E%3Cline x1='86' y1='10' x2='86' y2='80' stroke='%23ff3366' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");opacity:var(--pattern-opacity, 1);z-index:-2;pointer-events:none}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,255,136,.05) 0%,transparent 50%);animation:pulseBg 8s ease-in-out infinite;z-index:-2}@keyframes pulseBg{0%,to{opacity:.3}50%{opacity:.6}}.particle-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.particle{position:absolute;width:2px;height:2px;background:#00ff884d;border-radius:50%;animation:float 10s infinite}@keyframes float{0%{transform:translateY(0) translate(0);opacity:0}20%{opacity:.5}to{transform:translateY(-100px) translate(50px);opacity:0}}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,136,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:-1}.ticker-premium{position:fixed;top:0;left:0;right:0;background:var(--bg-glass-heavy);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,136,.2);padding:8px 0;overflow:hidden;white-space:nowrap;z-index:100}.ticker-scroll{display:inline-flex;animation:tickerScroll 25s linear infinite}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{display:inline-flex;gap:12px;margin-right:32px;font-size:12px;align-items:center}.up{color:#0f8}.down{color:#f44}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px 20px;position:relative;background:var(--gradient-bg);overflow:hidden}.auth-card{max-width:450px;width:100%;background:var(--bg-card-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:40px;border:1px solid rgba(0,255,136,.2)}.auth-card h2{text-align:center;margin-bottom:24px}.auth-card input{width:100%;padding:12px 16px;background:var(--bg-card-glass);border:1px solid rgba(0,255,136,.2);border-radius:10px;color:var(--text-primary);margin-bottom:16px}.auth-card button{width:100%;padding:12px;background:linear-gradient(135deg,#0f8,#00bcd4);border:none;border-radius:10px;font-weight:700;cursor:pointer}.auth-card p{text-align:center;margin-top:16px;color:#9b9eac}.auth-card a{color:#0f8;text-decoration:none}.dashboard-main{padding-top:60px;min-height:100vh}.dashboard-container{max-width:1400px;margin:0 auto;padding:0 24px 40px}.welcome-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.welcome-section h1{font-size:28px}.indices-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.index-card{background:var(--bg-card-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,136,.15);border-radius:16px;padding:20px;transition:.2s}.index-card:hover{border-color:#0f8;transform:translateY(-2px)}.index-name{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.index-value{font-size:24px;font-weight:700;margin-bottom:4px}.index-change{font-size:13px;font-weight:500}.positive{color:#0f8}.negative{color:#f44}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.left-column,.right-column{display:flex;flex-direction:column;gap:24px}.section-card{background:var(--bg-card-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,136,.1);border-radius:16px;padding:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,255,136,.1)}.live-badge{background:#0f83;color:#0f8;font-size:9px;padding:2px 8px;border-radius:4px}.movers-list{display:flex;flex-direction:column;gap:10px}.mover-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-glass-light);border-radius:8px}.crypto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.crypto-item{text-align:center;padding:12px;background:var(--bg-glass-light);border-radius:12px}.crypto-symbol{font-weight:700;font-size:16px}.crypto-name{font-size:10px;color:var(--text-secondary);margin-bottom:6px}.crypto-price{font-weight:600;margin-bottom:4px}.news-list{display:flex;flex-direction:column;gap:10px;max-height:350px;overflow-y:auto}.news-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-glass-light);border-radius:8px;text-decoration:none;transition:.2s}.news-item:hover{background:#00ff880d}.news-time{color:var(--text-secondary);font-size:10px;min-width:55px}.news-title{color:var(--text-primary);font-size:12px;flex:1}.news-link{color:#0f8}.features-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:16px}.feature{background:var(--bg-card-glass);border:1px solid rgba(0,255,136,.1);border-radius:12px;padding:16px;text-align:center;text-decoration:none;transition:.2s}.feature:hover{border-color:#0f8;transform:translateY(-2px)}.feature-icon{font-size:28px;margin-bottom:8px}.feature h3{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.feature p{font-size:11px;color:var(--text-secondary)}.global-search{width:100%;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);margin-bottom:24px;max-width:500px}.global-search:focus{outline:none;border-color:#0f8}.screener-table,.watchlist-table{background:var(--bg-card);border-radius:16px;padding:20px;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.remove-btn{background:#f443;border:none;padding:4px 12px;border-radius:6px;color:#f44;cursor:pointer}.empty-watchlist{text-align:center;padding:60px}.empty-icon{font-size:64px;margin-bottom:16px}.loading{text-align:center;padding:40px;color:var(--text-secondary)}.active-filter{background:#0f8!important;color:#0a0e27!important;border-color:transparent!important}.btn-premium{background:linear-gradient(135deg,#0f8,#00bcd4);border:none;color:#0a0e27;font-weight:700;padding:10px 20px;border-radius:8px;cursor:pointer}@media (max-width: 1024px){.indices-grid{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.indices-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.crypto-grid{grid-template-columns:1fr}}