@tailwind base;@tailwind components;@tailwind utilities;:root{--brand-primary: #10b981;--brand-secondary: #2563eb;--brand-dark: #0f172a;--brand-light: #f8fafc}html{font-size:15px}@media(min-width:640px){html{font-size:15px}}@media(min-width:1024px)and (max-height:900px){html{font-size:14px}}@media(min-width:1280px){html{font-size:15px}}@media(min-width:1440px){html{font-size:16px}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--brand-light);color:var(--brand-dark);font-family:Outfit,Inter,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--brand-primary);opacity:.5}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes slide-in-from-top{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-from-bottom{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-6px) rotate(.5deg)}66%{transform:translateY(-3px) rotate(-.5deg)}}.animate-fade-in{animation:fade-in .5s ease-out forwards}.animate-bounce-slow{animation:bounce-slow 3s ease-in-out infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-in{animation-fill-mode:both}.fade-in{animation-name:fade-in}.zoom-in{animation-name:zoom-in}.slide-in-from-top-2{animation-name:slide-in-from-top}.slide-in-from-bottom-4{animation-name:slide-in-from-bottom}.duration-300{animation-duration:.3s}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:-.025em}.btn-primary{@apply bg-brand-primary text-white font-black py-4 px-8 rounded-2xl shadow-xl shadow-brand-primary/20 hover:bg-brand-accent transition-all active:scale-95;}@layer utilities{@media(min-width:480px){.xs\:flex-row{flex-direction:row}.xs\:w-auto{width:auto}}}