@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 40 20% 97%;--foreground: 240 10% 15%;--card: 40 20% 97%;--card-foreground: 240 10% 15%;--popover: 40 20% 97%;--popover-foreground: 240 10% 15%;--primary: 240 12% 20%;--primary-foreground: 40 20% 97%;--secondary: 40 15% 92%;--secondary-foreground: 240 10% 15%;--muted: 40 15% 92%;--muted-foreground: 240 5% 45%;--accent: 6 78% 59%;--accent-foreground: 40 20% 97%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 40 10% 88%;--input: 40 10% 88%;--ring: 6 78% 59%;--radius: .5rem;--notool-dark: #2d2d3a;--notool-coral: #c44030;--notool-cream: #f8f7f4;--notool-charcoal: #3a3a48;--notool-light: #faf9f7}}@layer base{*{@apply border-border;}html{scroll-behavior:smooth}body{@apply bg-background text-foreground antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}}@layer utilities{.text-balance{text-wrap:balance}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-slide-in{animation:slideIn .6s ease-out forwards}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.bg-gradient-radial{background:radial-gradient(ellipse at center,var(--notool-cream) 0%,#f0efe9 100%)}.glass{background:#f8f7f4cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-coral{@apply bg-[#c44030] text-white px-8 py-4 rounded-full font-medium transition-all duration-300;}.btn-coral:hover{@apply bg-[#d54a3a] shadow-lg transform -translate-y-0.5;}.btn-outline{@apply border-2 border-[#2d2d3a] text-[#2d2d3a] px-8 py-4 rounded-full font-medium transition-all duration-300 bg-transparent;}.btn-outline:hover{@apply bg-[#2d2d3a] text-white;}.link-underline{position:relative}.link-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#c44030;transition:width .3s ease}.link-underline:hover:after{width:100%}.card-hover{@apply transition-all duration-300;}.card-hover:hover{@apply transform -translate-y-1 shadow-xl;}
