@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--color-primary:#a4d233;--color-secondary:#00b8a9;--color-accent:#00a896;--color-deep:#006b7d;--color-darker:#004e5c;--gradient-primary:linear-gradient(135deg,#a4d233,#00b8a9);--gradient-secondary:linear-gradient(135deg,#00b8a9,#006b7d);--gradient-accent:linear-gradient(135deg,#00a896,#004e5c);--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-glow:0 0 20px rgba(164,210,51,.3);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Space Grotesk","Inter",sans-serif;--bg-dark:var(--color-gray-900);--bg-light:var(--color-gray-50);--bg-white:#fff;--bg-glass:hsla(0,0%,100%,.1);--bg-glass-dark:rgba(0,0,0,.2);--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:16px;line-height:1.6;color:var(--color-gray-800);background-color:var(--color-white);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-gray-900)}h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.01em}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{font-size:1rem;line-height:1.7;color:var(--color-gray-600)}a{color:inherit;text-decoration:none;transition:all var(--transition-base)}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-primary);cursor:pointer;border:none;background:none;transition:all var(--transition-base)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-3xl) 0;position:relative;overflow:hidden}.section-dark{background-color:var(--color-gray-900);background:linear-gradient(180deg,var(--color-gray-900) 0,var(--color-deep) 100%);color:var(--color-white)}.section-light{background-color:var(--bg-light);color:var(--color-gray-900)}.section-white{background-color:var(--bg-white);color:var(--color-gray-900)}.section-title{text-align:center;margin-bottom:var(--spacing-2xl);position:relative;z-index:2}.section-dark .section-title h2{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-dark .section-title p{color:hsla(0,0%,100%,.8)}.section-title h2{margin-bottom:var(--spacing-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title p{font-size:1.125rem;max-width:600px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap;text-align:center}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--color-gray-100)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}.animate-fadeIn{animation:fadeIn .8s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}@media (max-width:768px){.section{padding:var(--spacing-2xl) 0}.btn{padding:.75rem 1.5rem;font-size:.9375rem}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}::selection{background:var(--color-primary);color:var(--color-white)}::-moz-selection{background:var(--color-primary);color:var(--color-white)}