@layer base{:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:0.5rem;--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%}*{@apply border-border;scroll-behavior:smooth}body{@apply bg-background text-foreground antialiased;font-family:Inter,sans-serif}a{@apply text-[#FF3D00] hover:text-[#FF3D00]/80 transition-colors}}@layer components{.btn-cta{@apply text-white font-semibold px-6 py-3 rounded-full shadow-md hover:shadow-lg transition-all duration-300 hover:bg-opacity-90 focus:outline-none focus:ring-2 focus:ring-[#FF3D00] focus:ring-opacity-50}.feature-card{@apply p-6 rounded-xl bg-white shadow-md border border-gray-100 hover:shadow-lg transition-all duration-300}.animated-item{@apply opacity-0}.animated-item.visible{@apply animate-fade-in}.section{@apply py-12 md:py-16 px-4 md:px-8 max-w-7xl mx-auto}.section-title{@apply text-2xl md:text-3xl font-bold mb-6 text-gray-800}.input-field{@apply w-full px-4 py-3 rounded-lg border border-gray-200 focus:border-blue focus:ring-2 focus:ring-blue focus:ring-opacity-20 transition-all duration-200}}#root{margin:0 auto;max-width:1280px;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;transition:filter .3s;will-change:filter}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.read-the-docs{color:#888}section{max-width:100%!important}.row-fluid-wrapper.row-depth-1.row-number-1.dnd-section{position:sticky;top:0;z-index:31}