:root{--primary:#559bba;--primary-light:#6fc1e4;--secondary:#e14b05;--secondary-light:#ff5e1a;--accent:#ffd166;--dark:#2c3e50;--darker:#1a1a2e;--light:#fff;--lighter:#f9f7f3;--gray:#a5a9aa;--gray-light:#e0e0e0;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 20px #0000001a;--shadow-lg:0 8px 30px #0000001f;--transition:all .3s cubic-bezier(.25, .8, .25, 1);--transition-slow:all .6s cubic-bezier(.16, 1, .3, 1);--border-radius:8px;--border-radius-lg:16px;--container-width:1400px;--section-padding:6rem 0;--edge-spacing:3rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--dark);background-color:var(--lighter);padding-top:120px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,3.5rem)}h2{font-size:clamp(2rem,4vw,2.8rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--dark);opacity:.9;margin-bottom:1.5rem}a{color:inherit;transition:var(--transition);text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-width);padding:0 var(--edge-spacing);margin:0 auto}section{padding:var(--section-padding);position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-subtitle{color:var(--gray);max-width:700px;margin:0 auto;font-size:1.1rem}.btn{border-radius:var(--border-radius);text-align:center;cursor:pointer;transition:var(--transition);border:none;padding:.8rem 2rem;font-size:1rem;font-weight:600;display:inline-block}.btn-primary{background:var(--primary);color:var(--light);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-secondary:hover{background:var(--primary);color:var(--light);transform:translateY(-2px)}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}.hero-section{align-items:center;height:auto;margin-top:0;padding:10px;display:flex;position:relative;overflow:hidden}.hero-dots{opacity:.2;z-index:1;background-image:radial-gradient(#ff5e1a 3px,#0000 2px);background-size:30px 30px;width:320px;height:320px;animation:60s linear infinite rotate;position:absolute}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-text{flex:1;max-width:600px;padding:30px}.hero-text h1{margin-bottom:1.5rem}.hero-text p{max-width:500px;margin-bottom:2.5rem;font-size:1.2rem}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-buttons{gap:1.5rem;margin-top:2rem;display:flex}.hero-image{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.hero-logo{z-index:2;max-width:300px;animation:6s ease-in-out infinite float;position:relative}.typewriter-container{text-align:center;justify-content:center;align-items:center;width:100%;margin:3rem auto;display:flex;position:relative}#typewriter-text{color:var(--secondary);text-align:center;margin:0 auto;padding:1rem 2rem;font-size:1.5rem;font-weight:500;display:inline-block;position:relative}#typewriter-text:before{content:"";border:2px solid var(--secondary);border-radius:var(--border-radius-lg);opacity:0;animation:.5s ease-out forwards borderGrow;position:absolute;inset:0}@keyframes borderGrow{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}#typewriter-text:after{content:"|";color:var(--secondary);animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.scroll-down-container{z-index:10;flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-down{cursor:pointer;flex-direction:column;align-items:center;margin-top:1rem;display:flex}.scroll-text{color:var(--dark);opacity:.8;transition:var(--transition);margin-bottom:.5rem;font-size:.9rem}.scroll-down:hover .scroll-text{color:var(--secondary);opacity:1}.scroll-arrow{border:2px solid var(--secondary);width:24px;height:40px;transition:var(--transition);border-radius:12px;position:relative}.scroll-down:hover .scroll-arrow{border-color:var(--secondary-light)}.scroll-arrow:before{content:"";background:var(--secondary);border-radius:2px;width:4px;height:8px;animation:2s infinite scrollAnimation;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scrollAnimation{0%{opacity:0;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,8px)}to{opacity:0;transform:translate(-50%,16px)}}.services-section{background:var(--light);padding-left:var(--edge-spacing);padding-right:var(--edge-spacing);position:relative}.services-container{padding:2rem 0;position:relative;overflow:hidden}.services-track{transition:transform .5s ease-out;display:flex}.services-slider{gap:1.5rem;padding:0 2rem;display:flex}.service-card{background:var(--light);border-radius:var(--border-radius-lg);min-width:300px;box-shadow:var(--shadow-sm);transition:var(--transition-slow);flex-direction:column;height:320px;padding:2rem;display:flex;position:relative;overflow:hidden}.service-card-header{z-index:3;margin-bottom:1rem;position:relative}.service-icon{color:var(--primary);transition:var(--transition);font-size:2.5rem;display:inline-block}.service-title{color:var(--dark);transition:var(--transition);vertical-align:middle;margin-left:.8rem;font-size:1.4rem;font-weight:600;display:inline-block}.service-description{color:var(--dark);opacity:.9;transition:var(--transition);z-index:2;margin-bottom:1.5rem;font-size:.95rem;position:relative}.service-hover-content{background:var(--secondary);width:100%;height:100%;color:var(--light);transition:var(--transition-slow);z-index:1;border-radius:var(--border-radius-lg);padding:2rem;position:absolute;top:100%;left:0}.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)scale(1.02)}.service-card:hover .service-icon{color:var(--accent);transform:rotate(15deg)scale(1.2)}.service-card:hover .service-title{color:var(--light);transform:translate(10px)}.service-card:hover .service-description{opacity:0;transform:translateY(20px)}.service-card:hover .service-hover-content{top:80px}.service-hover-content ul{margin-top:2rem;list-style:none}.service-hover-content li{opacity:0;margin-bottom:1rem;padding-left:2rem;transition:all .4s;position:relative;transform:translateY(10px)}.service-card:hover .service-hover-content li{opacity:1;transform:translateY(0)}.service-hover-content li:before{content:"";background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.service-hover-content li:first-child{transition-delay:.1s}.service-hover-content li:nth-child(2){transition-delay:.2s}.service-hover-content li:nth-child(3){transition-delay:.3s}.service-hover-content li:nth-child(4){transition-delay:.4s}@media (width<=768px){.service-card{height:300px}.service-card:hover .service-hover-content{top:70px}}.services-cta{justify-content:center;gap:2rem;margin-top:4rem;display:flex}.tech-section{background:var(--lighter);padding-left:var(--edge-spacing);padding-right:var(--edge-spacing)}.tech-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem;display:grid}.tech-category{background:var(--light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--gray-light);padding:2rem}.tech-category:hover{box-shadow:var(--shadow-md);border-color:var(--secondary);transform:translateY(-5px)}.tech-category-title{text-align:center;color:var(--secondary);margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.tech-category-title:after{content:"";background:var(--secondary);width:50px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tech-stack{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.tech-item{border-radius:var(--border-radius);transition:var(--transition);flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.tech-item:hover{background:#e14b050d}.tech-item img{object-fit:contain;width:50px;height:50px;transition:var(--transition)}.tech-item:hover img{transform:scale(1.1)}.tech-item span{font-size:.9rem;font-weight:500}.tech-cta{text-align:center;margin-top:4rem}.tech-cta p{margin-bottom:1.5rem;font-size:1.1rem}.text-center{text-align:center}.no-underline{text-decoration:none}.back-to-top{background:var(--secondary);width:50px;height:50px;color:var(--light);cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);box-shadow:var(--shadow-sm);z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:2rem;right:2rem}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background:var(--secondary-light);box-shadow:var(--shadow-md);transform:translateY(-5px)}@media (width<=1024px){:root{--section-padding:5rem 0;--edge-spacing:2rem}.hero-section{text-align:center;flex-direction:column;padding:6rem 0}.hero-text{align-items:center;margin-bottom:3rem}.hero-text p{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}}@media (width<=768px){:root{--section-padding:4rem 0;--edge-spacing:1.5rem}.container{padding:0 var(--edge-spacing)}.top-nav{top:80px}html{padding-top:120px}.nav-links{background:var(--light);width:280px;height:100vh;box-shadow:var(--shadow-lg);transition:var(--transition-slow);z-index:1000;padding:6rem 2rem 2rem;position:fixed;top:0;right:-100%}.nav-links.active{right:0}.nav-links ul{flex-direction:column}.services-cta{flex-direction:column;gap:1rem}.tech-grid{grid-template-columns:1fr}}@media (width<=480px){:root{--section-padding:3rem 0;--edge-spacing:1rem}.hero-text p{font-size:1rem}.hero-buttons{flex-direction:column;gap:1rem}.service-card{min-width:260px}#typewriter-text{font-size:1.2rem}.scroll-arrow{width:20px;height:36px}}