@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--primary: 164, 19, 236;--primary-light: 176, 44, 237;--primary-dark: 130, 15, 180;--surface-bg: 17, 11, 24;--surface-card: 26, 16, 37;--surface-overlay: 37, 24, 53;--text-primary: 255, 255, 255;--text-secondary: 156, 163, 175;--text-muted: 75, 85, 99;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--font-primary: "Inter", system-ui, -apple-system, sans-serif}body{@apply font-sans selection:bg-primary/30 bg-[#f7f6f8] dark:bg-[#110b18] text-gray-900 dark:text-white;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}a,button,input,select,.card-hover{@apply transition-all duration-300 ease-out;}}@layer components{.btn-base{@apply inline-flex items-center justify-center font-black rounded-2xl active:scale-[.98] transition-all duration-300 disabled:opacity-50 disabled:pointer-events-none uppercase tracking-widest text-[11px];}.btn-primary{@apply btn-base bg-gradient-to-r from-[#a413ec] to-[#b02ced] text-white px-6 py-3.5 shadow-xl shadow-primary/20 hover:shadow-primary/40 hover:scale-[1.02];}.btn-secondary{@apply btn-base bg-white dark:bg-white/[.04] border border-gray-200 dark:border-white/[.08] text-gray-700 dark:text-white px-6 py-3.5 hover:bg-gray-50 dark:hover:bg-white/[.08] hover:border-gray-300 dark:hover:border-white/20 shadow-sm dark:shadow-none;}.btn-ghost{@apply btn-base text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-white/[.04] px-4 py-2;}.glass-panel{@apply bg-white/80 dark:bg-white/[.03] backdrop-blur-2xl border border-white dark:border-white/[.06] shadow-sm dark:shadow-none;}.card-premium{@apply bg-white dark:bg-[#1a1025] border border-gray-100 dark:border-white/[.08] rounded-[32px] overflow-hidden hover:border-primary/30 dark:hover:border-primary/30 hover:shadow-xl hover:shadow-primary/5 dark:hover:shadow-primary/10 transition-all duration-500 shadow-sm dark:shadow-none;}.input-studio{@apply bg-white dark:bg-white/[.02] border border-gray-200 dark:border-white/[.08] rounded-2xl px-4 py-3.5 text-gray-900 dark:text-white placeholder:text-gray-400 dark:placeholder:text-gray-600 outline-none focus:border-primary/50 focus:bg-white dark:focus:bg-white/[.04] focus:ring-4 focus:ring-primary/10 transition-all shadow-sm dark:shadow-none;}.studio-container{@apply w-full max-w-[1700px] mx-auto px-6 md:px-10;}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.no-scrollbar::-webkit-scrollbar{display:none}.bg-studio{background:radial-gradient(circle at 50% 0%,rgba(164,19,236,.12) 0%,transparent 70%),radial-gradient(circle at 0% 100%,rgba(236,72,153,.08) 0%,transparent 50%),#110b18}.text-gradient-primary{@apply bg-clip-text text-transparent bg-gradient-to-r from-[#a413ec] to-[#ec4899];}.animate-fadeIn{animation:fadeIn .6s ease-out forwards}.animate-slideUp{animation:slideUp .5s ease-out forwards}.animate-scaleIn{animation:scaleIn .4s cubic-bezier(.16,1,.3,1) forwards}