@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .1);--glass-blur: blur(24px);--text-primary: #1e293b;--text-secondary: #64748b;--bg-app: #f8fafc}.dark{--glass-bg: rgba(15, 23, 42, .4);--glass-border: rgba(255, 255, 255, .05);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--bg-app: #030712}.black{--glass-bg: rgba(0, 0, 0, .6);--glass-border: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #a1a1aa;--bg-app: #000000}.black h1,.black h2,.black h3,.black h4,.black h5,.black h6,.black p,.black label,.black .text-slate-800,.black .text-slate-700,.black .text-slate-600{color:#fff!important}.black .text-slate-500,.black .text-slate-400,.black .text-secondary{color:#a1a1aa!important}body{font-family:Outfit,Inter,sans-serif;@apply transition-colors duration-300;background:var(--bg-app);color:var(--text-primary);outline:none}*:focus-visible{outline:2px solid #6366f1;outline-offset:4px}.dark body{background:radial-gradient(circle at top right,#1e1b4b,#030712),radial-gradient(circle at bottom left,#1e1b4b,#030712)}.black body{background:#000}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 4px 12px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .glass-card{background:linear-gradient(135deg,#ffffff14,#ffffff05);box-shadow:0 8px 32px #0003}.black .glass-card{background:linear-gradient(135deg,#ffffff0d,#0000);box-shadow:none;border-color:#ffffff1a}.glass-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.dark .glass-card:hover{border-color:#fff3;background:linear-gradient(135deg,#ffffff1f,#ffffff0a)}.glass-blur{background:var(--glass-bg);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.safe-area-pb{padding-bottom:env(safe-area-inset-bottom,24px)}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 8s linear infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.text-gradient{@apply bg-clip-text text-transparent bg-gradient-to-r from-indigo-500 to-purple-500 font-bold;}.btn-primary{@apply bg-indigo-500 hover:bg-indigo-600 text-white font-bold py-3 px-6 rounded-2xl shadow-lg shadow-indigo-500/20 active:scale-95 transition-all;}.input-glass{@apply w-full bg-white/50 dark:bg-black/20 border border-black/5 dark:border-white/10 rounded-2xl px-5 py-3 outline-none focus:ring-2 focus:ring-indigo-500/50 transition-all text-slate-900 dark:text-slate-100 placeholder-slate-400;}@keyframes smooth-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.animate-smooth-in{animation:smooth-in .6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes smooth-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-smooth-fade{animation:smooth-fade .8s cubic-bezier(.2,.8,.2,1) forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.rich-text strong{@apply font-black text-slate-900 dark:text-white;}.black .rich-text strong{color:#fff}.rich-text em{@apply italic opacity-90;}.rich-text u{@apply underline decoration-indigo-500/50 decoration-2 underline-offset-4;}.masonry-2{column-count:2;column-fill:balance}.masonry-3{column-count:3;column-fill:balance}.masonry-4{column-count:4;column-fill:balance}.masonry-5{column-count:5;column-fill:balance}.masonry-6{column-count:6;column-fill:balance}@media(min-width:640px){.sm-masonry-3{column-count:3}}@media(min-width:768px){.md-masonry-4{column-count:4}}@media(min-width:1024px){.lg-masonry-5{column-count:5}}@media(min-width:1280px){.xl-masonry-6{column-count:6}}