@import "https://fonts.googleapis.com/css2?family=Syne:wght@800&display=swap";
:root{--font-clash:"Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-inter:"Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-primary:#44d62c;--color-primary-hover:#35be1f;--color-dark:#000;--color-text-main:#171717;--color-text-muted:#52525b;--color-bg-page:#fff;--color-bg-card:#f8fafc;--color-border:#e2e8f0;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--shadow-subtle:0 4px 20px -2px #00000008}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg-page);max-width:100vw;color:var(--color-text-main);font-family:var(--font-inter);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{font-family:var(--font-clash);color:var(--color-dark);font-weight:500;line-height:1.1}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 60px}@media (max-width:1024px){.container{padding:0 40px}}@media (max-width:768px){.container{padding:0 24px}}@media (max-width:480px){.container{padding:0 16px}}.btn{font-family:var(--font-inter);letter-spacing:.03em;text-transform:uppercase;transition:var(--transition-smooth);border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-dark)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:0 8px 20px -4px #22c55e4d}.btn-outline{border:1.5px solid var(--color-dark);color:var(--color-dark);background:0 0}.btn-outline:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-arrow{vertical-align:middle;transition:transform .9s cubic-bezier(.25,1,.5,1);display:inline-block;transform:translate(0)rotate(0)}.btn:hover .btn-arrow{transform:translate(4px)rotate(45deg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.hover-lift{transition:var(--transition-smooth)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 30px -4px #0000000f}
