@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-dark:#0a0a1a;--bg-gradient:linear-gradient(135deg,#0a0a1a,#1a1a3a 50%,#0d0d2b);--glass-bg:hsla(0,0%,100%,.08);--glass-border:hsla(0,0%,100%,.15);--neon-purple:#b388ff;--neon-blue:#00e5ff;--neon-gold:#ffd740;--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.7);--bg:#0a0a1a;--surface:hsla(0,0%,100%,.08);--hover:hsla(0,0%,100%,.15);--border:hsla(0,0%,100%,.15);--text:#fff;--muted:hsla(0,0%,100%,.7);--yes:#00e676;--yes-dark:#00c853;--no:#ff5252;--no-dark:#d32f2f;--accent:#b388ff;--accent2:#00e5ff;--cat-stocks:#00e676;--cat-politics:#ff9100;--cat-economy:#ffd740;--cat-sports:#ff4081;--cat-entertainment:#e040fb;--cat-etc:#b388ff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-gradient);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100dvh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(179,136,255,.1) 0,transparent 50%);animation:bgPulse 8s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes bgPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@layer components{.glass-card{@apply bg-white/5 backdrop-blur-xl border border-white/15 rounded-3xl;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.glass-card-hover{@apply glass-card transition-all duration-300}.glass-card-hover:hover{@apply -translate-y-0.5;box-shadow:0 12px 40px rgba(179,136,255,.2),inset 0 1px 0 hsla(0,0%,100%,.15)}.neon-text,.neon-text-gold{@apply bg-gradient-to-r from-[#ffd740] to-[#ffab00] bg-clip-text text-transparent}.btn-primary{@apply px-6 py-3 rounded-xl font-bold transition-all duration-200;background:linear-gradient(135deg,var(--neon-purple),var(--neon-blue));box-shadow:0 4px 15px rgba(179,136,255,.4)}.btn-primary:hover{@apply -translate-y-0.5;box-shadow:0 6px 20px rgba(179,136,255,.6)}.btn-yes{@apply px-6 py-4 rounded-2xl font-bold transition-all duration-150;background:linear-gradient(145deg,rgba(0,230,118,.25),rgba(0,230,118,.15) 50%,rgba(0,200,100,.25));border:2px solid var(--yes);color:var(--yes);box-shadow:0 6px 20px rgba(0,230,118,.3),0 2px 4px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.btn-yes:hover:not(:disabled){background:linear-gradient(145deg,rgba(0,230,118,.35),rgba(0,230,118,.25) 50%,rgba(0,200,100,.35));box-shadow:0 8px 30px rgba(0,230,118,.5),0 4px 8px rgba(0,0,0,.3);transform:scale(1.05) translateY(-2px)}.btn-no{@apply px-6 py-4 rounded-2xl font-bold transition-all duration-150;background:linear-gradient(145deg,rgba(255,82,82,.25),rgba(255,82,82,.15) 50%,rgba(220,50,50,.25));border:2px solid var(--no);color:var(--no);box-shadow:0 6px 20px rgba(255,82,82,.3),0 2px 4px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.btn-no:hover:not(:disabled){background:linear-gradient(145deg,rgba(255,82,82,.35),rgba(255,82,82,.25) 50%,rgba(220,50,82,.35));box-shadow:0 8px 30px rgba(255,82,82,.5),0 4px 8px rgba(0,0,0,.3);transform:scale(1.05) translateY(-2px)}.btn-no:active:not(:disabled),.btn-yes:active:not(:disabled){transform:scale(.92) translateY(2px)}.category-badge{@apply inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-bold}.category-stocks{background:linear-gradient(135deg,#00e676,#00c853)}.category-politics{background:linear-gradient(135deg,#ff9100,#ff6d00)}.category-economy{background:linear-gradient(135deg,#ffd740,#ffc400);color:#000}.category-sports{background:linear-gradient(135deg,#ff4081,#f50057)}.category-entertainment{background:linear-gradient(135deg,#e040fb,#d500f9)}.category-etc{background:linear-gradient(135deg,#b388ff,#7c4dff)}.progress-bar{@apply h-3 bg-white/10 rounded-full overflow-hidden border border-white/10}.progress-fill-yes{@apply h-full rounded-full transition-all duration-1000;background:linear-gradient(90deg,var(--yes),#69f0ae);box-shadow:0 0 10px rgba(0,230,118,.5)}.progress-fill-no{@apply h-full rounded-full transition-all duration-1000;background:linear-gradient(90deg,var(--no),#ff8a80);box-shadow:0 0 10px rgba(255,82,82,.5)}.input-field{@apply w-full px-4 py-3 bg-black/30 border border-white/15 rounded-xl text-white placeholder-white/40 transition-all}.input-field:focus{@apply outline-none border-[#b388ff];box-shadow:0 0 15px rgba(179,136,255,.3)}.slider{@apply w-full h-2 bg-white/10 rounded-full appearance-none cursor-pointer}.slider::-webkit-slider-thumb{@apply appearance-none w-5 h-5 rounded-full cursor-pointer;background:linear-gradient(135deg,var(--neon-purple),var(--neon-blue));box-shadow:0 0 15px rgba(179,136,255,.5)}.slider::-moz-range-thumb{@apply w-5 h-5 rounded-full cursor-pointer border-0;background:linear-gradient(135deg,var(--neon-purple),var(--neon-blue));box-shadow:0 0 15px rgba(179,136,255,.5)}}@layer utilities{.text-shadow-glow{text-shadow:0 0 30px rgba(179,136,255,.5)}.animate-fade-in-up{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px rgba(255,145,0,.3)}50%{box-shadow:0 0 25px rgba(255,145,0,.6)}}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}