@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 220 60% 12%;--foreground: 210 40% 98%;--card: 220 50% 18%;--card-foreground: 210 40% 98%;--popover: 220 50% 18%;--popover-foreground: 210 40% 98%;--primary: 217 91% 60%;--primary-foreground: 0 0% 100%;--secondary: 220 50% 22%;--secondary-foreground: 210 40% 98%;--muted: 220 50% 22%;--muted-foreground: 215 20% 65%;--accent: 217 91% 60%;--accent-foreground: 0 0% 100%;--destructive: 0 84% 60%;--destructive-foreground: 210 40% 98%;--border: 220 50% 22%;--input: 220 50% 22%;--ring: 217 91% 60%;--radius: .75rem;--cloud-deep: 220 60% 12%;--cloud-darker: 220 70% 8%;--cloud-blue: 217 91% 60%;--cloud-blue-dark: 217 91% 45%;--cloud-light: 200 100% 80%;--star-glow: 200 100% 85%;--gradient-hero: linear-gradient(135deg, hsl(var(--cloud-darker)), hsl(var(--cloud-deep)), hsl(220 50% 20%));--gradient-button: linear-gradient(135deg, hsl(var(--cloud-blue)), hsl(var(--cloud-blue-dark)));--gradient-glow: radial-gradient(circle at center, hsl(var(--cloud-blue) / .4), hsl(var(--cloud-light) / .1), transparent 70%);--gradient-background: linear-gradient(180deg, hsl(var(--cloud-darker)), hsl(var(--cloud-deep)) 50%, hsl(220 50% 18%) 100%);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--star-twinkle: twinkle 3s ease-in-out infinite;--sidebar-background: 220 50% 18%;--sidebar-foreground: 210 40% 98%;--sidebar-primary: 217 91% 60%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 220 50% 22%;--sidebar-accent-foreground: 210 40% 98%;--sidebar-border: 220 50% 22%;--sidebar-ring: 217 91% 60%}.light{--background: 220 60% 12%;--foreground: 210 40% 98%}}@layer base{*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.star,.star-field{will-change:transform;transform:translateZ(0)}img{image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;width:auto;height:auto}input,textarea,select{will-change:contents}ul,ol{contain:layout}.hover\\:scale-105{transition:transform .2s cubic-bezier(.4,0,.2,1)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;contain:layout style paint}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.star-field{will-change:transform;contain:layout style paint}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.star{animation:none!important}}.transition-all,.hover\\:scale-105:hover{will-change:transform}*{border-color:hsl(var(--border))}body{color:hsl(var(--foreground));overflow-x:hidden;background:var(--gradient-background);min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-glow);pointer-events:none;z-index:-1}html{scroll-behavior:smooth}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px hsl(var(--cloud-blue) / .5)}50%{box-shadow:0 0 40px hsl(var(--cloud-blue) / .8),0 0 60px hsl(var(--cloud-blue) / .4)}}@layer utilities{.star-field{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.star{position:absolute;background:hsl(var(--star-glow));border-radius:50%;animation:var(--star-twinkle)}.gradient-hero{background:var(--gradient-hero)}.bg-gradient-button{background:var(--gradient-button)}.text-cloud-blue{color:hsl(var(--cloud-blue))}.border-cloud-blue\/20{border-color:hsl(var(--cloud-blue) / .2)}.border-cloud-blue\/40{border-color:hsl(var(--cloud-blue) / .4)}.hover\:text-cloud-blue:hover{color:hsl(var(--cloud-blue))}.gradient-button{background:var(--gradient-button)}.gradient-glow{background:var(--gradient-glow)}.glow-effect{animation:glow 2s ease-in-out infinite}.float-animation{animation:float 6s ease-in-out infinite}}