@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--primary: 244 63 94;--primary-light: 251 113 133;--accent: 249 115 22;--bg-overlay: 26 5 5}.theme-kim{--primary: 148 163 184;--primary-light: 203 213 225;--accent: 251 191 36;--bg-overlay: 15 23 42}.theme-moc{--primary: 16 185 129;--primary-light: 52 211 153;--accent: 163 230 53;--bg-overlay: 2 44 34}.theme-thuy{--primary: 59 130 246;--primary-light: 96 165 250;--accent: 34 211 238;--bg-overlay: 8 47 73}.theme-hoa{--primary: 244 63 94;--primary-light: 251 113 133;--accent: 249 115 22;--bg-overlay: 26 5 5}.theme-tho{--primary: 217 119 6;--primary-light: 245 158 11;--accent: 250 204 21;--bg-overlay: 28 25 23}body{@apply bg-[#0d0202] text-slate-100 antialiased transition-colors duration-1000;font-feature-settings:"cv02","cv03","cv04","cv11"}}@layer components{.glass-card{@apply bg-[rgb(var(--bg-overlay))]/40 backdrop-blur-2xl border border-[rgb(var(--primary))]/20 shadow-2xl transition-colors duration-700;}.theme-text,.fire-text{@apply text-transparent bg-clip-text bg-gradient-to-br from-[rgb(var(--primary))] via-[rgb(var(--accent))] to-[rgb(var(--primary-light))] drop-shadow-[0_0_10px_rgba(var(--primary),.3)];}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 2s infinite linear}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 5s infinite ease-in-out}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{@apply bg-black/20;}::-webkit-scrollbar-thumb{background-color:rgb(var(--primary) / .4);border-radius:9999px;transition:background-color .3s}::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--primary) / .7)}.mono{font-family:JetBrains Mono,Roboto Mono,monospace}::selection{background-color:rgb(var(--primary) / .3);color:#fff}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:marquee 30s linear infinite}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-bounce-slow{animation:bounce-slow 3s infinite ease-in-out}