@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600&display=swap";html{scroll-behavior:smooth}:root{--teal-primary:#18cb96;--teal-light:#e8f9f4;--dark-text:#0a0e17;--gray-text:#6b7280;--light-bg:#f8fafc;--white:#fff;--card-shadow:0 20px 40px #0000000f;--float-shadow:0 16px 32px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--white);color:var(--dark-text);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;overflow-x:hidden}.container{max-width:1300px;margin:0 auto;padding:0 5%}.btn-primary{background-color:var(--teal-primary);color:var(--white);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 16px #18cb9640}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 20px #18cb9659}.btn-secondary{background-color:var(--white);color:var(--dark-text);border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{background-color:#f1f5f9}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes float-reverse{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(15px)rotate(-2deg)}to{transform:translateY(0)rotate(0)}}@keyframes float-diagonal{0%{transform:translate(0)rotate(0)}50%{transform:translate(-15px,10px)rotate(1.5deg)}to{transform:translate(0)rotate(0)}}.floating-widget{background:var(--white);box-shadow:var(--float-shadow);z-index:10;border-radius:20px;flex-direction:column;gap:.5rem;padding:1.5rem;animation:6s ease-in-out infinite float;display:flex;position:absolute}.floating-widget.reverse{animation:7s ease-in-out infinite float-reverse}.floating-widget.diagonal{animation:8s ease-in-out infinite float-diagonal}@keyframes gradient-pan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.text-gradient{background:linear-gradient(to right, var(--teal-primary), #3b82f6, #a855f7, var(--teal-primary));color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite gradient-pan;display:inline-block}.bg-pattern{background-image:radial-gradient(#e2e8f0 1.5px,#0000 1.5px);background-size:24px 24px}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee-container{width:100vw;display:flex;position:relative;overflow:hidden}.marquee-container:before,.marquee-container:after{content:"";z-index:2;pointer-events:none;width:15vw;height:100%;position:absolute;top:0}.marquee-container:before{background:linear-gradient(to right, var(--light-bg), transparent);left:0}.marquee-container:after{background:linear-gradient(to left, var(--light-bg), transparent);right:0}.marquee-track{gap:2rem;width:max-content;padding:1rem 0;animation:40s linear infinite scroll-left;display:flex}.marquee-track.reverse{animation:40s linear infinite scroll-right}.marquee-track:hover{animation-play-state:paused}.tech-card{transition:transform .2s,box-shadow .2s}.tech-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 15px 30px #00000014}.card{background:var(--white);box-shadow:var(--card-shadow);border:1px solid #f1f5f9;border-radius:24px;padding:3rem}.site-shell{background:var(--light-bg);border:1px solid #e2e8f0;border-radius:40px;min-height:90vh;margin:1rem;padding:.5rem 2rem 2rem}@media (width<=1100px){.container{padding:0 4%}}@media (width<=960px){.site-shell{border-radius:28px;margin:.75rem;padding:.5rem 1.2rem 1.5rem}.container{padding:0 1.2rem}.btn-primary,.btn-secondary{width:100%;padding:.95rem 1.2rem;font-size:1rem}.card{border-radius:18px;padding:1.5rem}}@media (width<=640px){.site-shell{border-radius:22px;margin:.5rem;padding:.35rem .9rem 1.1rem}.container{padding:0 .9rem}.bg-pattern{background-size:20px 20px}.marquee-container:before,.marquee-container:after{width:9vw}}