:root{--font-main: "Outfit", sans-serif;--color-bg: #FFFFFF;--color-text-main: #111827;--color-text-secondary: #4B5563;--color-primary: #F59E0B;--color-primary-dark: #D97706;--color-accent: #10B981;--color-bg-soft: #F9FAFB;--color-border: #E5E7EB;--spacing-container: 1200px;--spacing-section: 6rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%;max-width:100vw}.container{width:100%;max-width:var(--spacing-container);margin:0 auto;padding:0 1.5rem}.section{width:100%;padding:var(--spacing-section) 0;display:flex;flex-direction:column;justify-content:center;overflow-x:hidden}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.grid{display:grid}.w-full{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-weight:600;border-radius:9999px;transition:all .3s ease;font-size:1.125rem}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 4px 14px #f59e0b63}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b3b}.highlight{color:var(--color-primary)}.card{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 10px 30px #0000000d;border:1px solid var(--color-border)}@media(max-width:1024px){:root{--spacing-container: 100%;--spacing-section: 3rem}.container{padding:0 1rem}.grid{grid-template-columns:1fr!important}h1{font-size:2.5rem!important}h2{font-size:1.75rem!important}h3{font-size:1.25rem!important}.btn{padding:.875rem 1.5rem;font-size:1rem}.hero-section .grid{grid-template-columns:1fr!important;gap:2rem!important}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-content p{margin:0 auto 2rem}}@media(max-width:768px){:root{--spacing-section: 2.5rem}.container{padding:0 1rem}h1{font-size:2rem!important}h2{font-size:1.5rem!important}h3{font-size:1.125rem!important}p{font-size:1rem!important}.btn{padding:.75rem 1.25rem;font-size:.95rem;width:100%}.card{padding:1.5rem}}@media(max-width:480px){:root{--spacing-section: 2rem}.container{padding:0 .75rem}h1{font-size:1.75rem!important;line-height:1.2}h2{font-size:1.25rem!important}h3{font-size:1rem!important}p{font-size:.95rem!important}.btn{padding:.65rem 1rem;font-size:.9rem;width:100%}.card{padding:1.25rem}}