@tailwind base;@tailwind components;@tailwind utilities;html{scroll-behavior:smooth}body{font-family:Open Sans,sans-serif}.dark{color-scheme:dark}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.dark ::-webkit-scrollbar-track{background:#2d3748}::-webkit-scrollbar-thumb{background:#e74c3c;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#c0392b}.section-hidden{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.section-visible{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .6s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.slide-in-from-top{animation:slideInFromTop .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.slide-in-from-left{animation:slideInFromLeft .3s ease-out}.focus-visible{outline:2px solid #E74C3C;outline-offset:2px}.transition-all{transition:all .3s ease}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:-translate-y-1:hover{transform:translateY(-4px)}.active\:scale-95:active{transform:scale(.95)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-3xl{box-shadow:0 35px 60px -12px #00000059}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-tl{background-image:linear-gradient(to top left,var(--tw-gradient-stops))}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}