@import "https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
:root{--color-primary:#059669;--color-secondary:#10b981;--color-cta:#fbbf24;--color-accent:#fbbf24;--color-background:#ecfdf5;--color-surface-light:#fffc;--color-surface-dark:#064e3b;--color-text-main:#064e3b;--color-text-muted:#059669;--color-text-light:#fff;--font-heading:"Archivo",sans-serif;--font-body:"Space Grotesk",sans-serif;--container-width:1200px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--transition-fast:.2s ease;--transition-smooth:.3s cubic-bezier(.4,0,.2,1);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-background);max-width:100vw;color:var(--color-text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-bottom:var(--spacing-sm);color:var(--color-primary);font-weight:600;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:var(--spacing-sm)}.container{width:100%;max-width:var(--container-width);padding:0 var(--spacing-md);margin:0 auto}.section{padding-block:var(--spacing-3xl)}.text-center{text-align:center}.btn-primary{background-color:var(--color-cta);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-sm);padding:12px 24px;font-weight:600;display:inline-block}.btn-primary:hover{opacity:.9;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;background-color:#0000;padding:12px 24px;font-weight:600;display:inline-block}.btn-secondary:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.card{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-fast);cursor:pointer;-webkit-backdrop-filter:blur(12px);border:1px solid #fff3}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.input{border-radius:var(--radius-md);transition:border-color var(--transition-fast);border:1px solid #e2e8f0;padding:12px 16px;font-size:16px}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #05966933}.modal-overlay{-webkit-backdrop-filter:blur(4px);background:#00000080}.modal{border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-xl);background:#fff;width:90%;max-width:500px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:0;animation:fadeIn .42s var(--transition-smooth)forwards;will-change:opacity,transform;transform:translateY(12px)}@media (prefers-reduced-motion:reduce){.animate-fade-in{opacity:1;animation:none;transform:none}}