@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 210 20% 98%;--foreground: 215 25% 17%;--card: 0 0% 100%;--card-foreground: 215 25% 17%;--popover: 0 0% 100%;--popover-foreground: 215 25% 17%;--primary: 190 71% 42%;--primary-foreground: 0 0% 100%;--secondary: 190 30% 95%;--secondary-foreground: 190 71% 35%;--muted: 210 15% 94%;--muted-foreground: 215 15% 45%;--accent: 210 80% 55%;--accent-foreground: 0 0% 100%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--border: 210 20% 90%;--input: 210 20% 90%;--ring: 190 71% 42%;--radius: .75rem;--hero-gradient: linear-gradient(135deg, hsl(190 71% 42%) 0%, hsl(210 80% 55%) 100%);--shadow-soft: 0 4px 20px -4px hsl(215 25% 17% / .08);--shadow-card: 0 8px 32px -8px hsl(215 25% 17% / .12);--shadow-elevated: 0 20px 60px -15px hsl(215 25% 17% / .15);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}.dark{--background: 215 25% 10%;--foreground: 210 20% 98%;--card: 215 25% 13%;--card-foreground: 210 20% 98%;--popover: 215 25% 13%;--popover-foreground: 210 20% 98%;--primary: 190 71% 50%;--primary-foreground: 215 25% 10%;--secondary: 215 25% 18%;--secondary-foreground: 190 71% 60%;--muted: 215 20% 20%;--muted-foreground: 215 15% 60%;--accent: 210 80% 60%;--accent-foreground: 215 25% 10%;--destructive: 0 62% 50%;--destructive-foreground: 0 0% 100%;--border: 215 20% 20%;--input: 215 20% 20%;--ring: 190 71% 50%;--sidebar-background: 240 5.9% 10%;--sidebar-foreground: 240 4.8% 95.9%;--sidebar-primary: 224.3 76.3% 48%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 240 3.7% 15.9%;--sidebar-accent-foreground: 240 4.8% 95.9%;--sidebar-border: 240 3.7% 15.9%;--sidebar-ring: 217.2 91.2% 59.8%}}@layer base{*{@apply border-border;}html{scroll-behavior:smooth}body{@apply bg-background text-foreground antialiased;font-family:Inter,system-ui,sans-serif}h1,h2,h3,h4,h5,h6{@apply font-semibold tracking-tight text-foreground;}}@layer components{.container-main{@apply mx-auto w-full max-w-[1320px];padding-inline:clamp(1rem,4vw,3rem)}.container-wide{@apply mx-auto w-full max-w-[1440px];padding-inline:clamp(1rem,4vw,3rem)}.section-padding{padding-block:clamp(3.5rem,7vw,7rem)}.btn-pill{@apply inline-flex items-center justify-center gap-2 rounded-full px-8 py-3.5 font-medium transition-all duration-300;}.btn-primary{@apply btn-pill bg-primary text-primary-foreground hover:opacity-90 hover:shadow-lg;}.btn-secondary{@apply btn-pill bg-secondary text-secondary-foreground hover:bg-secondary/80;}.btn-outline{@apply btn-pill border-2 border-primary text-primary hover:bg-primary hover:text-primary-foreground;}.btn-ghost{@apply btn-pill text-foreground hover:bg-muted;}.card-premium{@apply rounded-[18px] bg-card p-6 shadow-[var(--shadow-card)] transition-all duration-300 hover:shadow-[var(--shadow-elevated)];}.wave-divider{@apply absolute left-0 right-0 h-24 bg-no-repeat bg-cover;}.text-gradient{@apply bg-clip-text text-transparent;background-image:var(--hero-gradient)}}@layer utilities{@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards}.animate-fade-in{animation:fade-in .5s ease-out forwards}.animate-slide-in-right{animation:slide-in-right .7s ease-out forwards}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}}
