body{margin:0;display:flex;place-items:center;background-color:#fff;min-width:320px;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}main{flex:1;padding-top:40px;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}header{position:fixed;top:0;left:0;width:100%;height:30px;background:linear-gradient(135deg,#ff6b6be6,#7a00b4e6);color:#fff;padding:1rem 0;z-index:1000;box-shadow:0 4px 6px #0000001a;font-family:Poppins,Helvetica,sans-serif}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px}.header-logo{height:30px;width:auto;display:block;transition:transform .5s ease-in-out}nav ul{list-style:none;padding:0;margin:0;display:flex}nav ul li{margin-left:20px}nav ul li a{color:#fff;text-decoration:none;font-weight:700;transition:color .3s ease}nav ul li a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}@media (max-width: 768px){.nav-menu{display:none;flex-direction:column;position:absolute;top:60px;right:0;background:linear-gradient(135deg,#ff6b6be6,#7a00b4e6);width:100%;padding:20px;text-align:center}.nav-menu.open,.nav-menu ul{display:flex;flex-direction:column;align-items:center;width:100%}.nav-menu ul li{width:100%;text-align:center;margin:10px 0}.nav-menu ul li a{display:block;padding:10px 0;width:100%}.nav-menu ul{list-style:none;padding:0}.nav-menu ul li{margin:10px 0}.nav-menu ul li a{color:#fff;text-decoration:none;font-size:1.2rem;transition:color .3s ease}.menu-toggle{display:block;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}.menu-toggle:hover{background:#7a00b440}.header-logo{height:20px}}.menu-toggle{display:block;max-width:60px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}@media (min-width: 769px){.menu-toggle{display:none}}@media (min-width: 769px){.nav-menu{display:flex!important;flex-direction:row;position:static;width:auto;background:none;padding:0}.nav-menu ul{flex-direction:row;display:flex;align-items:center}.nav-menu ul li{margin:0 15px}}.footer{background:linear-gradient(135deg,#ff6b6be6,#7a00b4e6);font-family:Poppins,Helvetica,sans-serif;color:#fff;text-align:center;padding:20px 0}.footer span{display:block;margin-top:8px;font-size:14px;opacity:.8}.footer p{font-size:24px;margin:0;line-height:1.6;letter-spacing:2px}.hero{position:relative;height:100vh;background:url(/assets/bg_hero-DlJk21UC.png) no-repeat center center/cover;display:flex;align-items:center;align-content:flex-start;color:#fff;padding:0 20px}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.hero-img{height:629px;position:relative;align-self:center;margin-left:750px;top:0;width:639px}.hero-content{position:absolute;margin:0 auto}.hero h1{max-width:400px;text-align:left;padding-left:73px;font-family:Poppins-Bold,Helvetica,sans-serif;font-size:40px;font-weight:700}.hero p{max-width:400px;text-align:left;padding-left:73px;font-family:Poppins,sans-serif;font-size:18px;margin-top:10px}.hero .rectangle{background-color:#fff;height:4px;margin-left:73px;top:0;width:100px}.hero-btn{background:#fff;box-shadow:0 4px 18px #00000040;width:50%;color:#660099de;padding:10px 32px;border:none;cursor:pointer;font-size:1rem;margin-top:20px;margin-left:73px;border-radius:50px}.hero-btn:hover{background-color:#ff6b6b}@media (max-width: 768px){.hero{flex-direction:column;height:auto;padding:40px 20px;text-align:center;align-items:center}.hero-img{width:80%;height:auto;margin:0 auto;position:relative}.hero-content{position:relative;margin:20px 0;padding:0 10px}.hero h1,.hero p,.hero .rectangle,.hero-btn{padding-left:0;margin-left:0}.hero h1{font-size:28px;max-width:100%}.hero p{font-size:16px;max-width:100%}.hero .rectangle{margin:10px auto}.hero-btn{width:auto;padding:12px 24px;margin:20px auto 0}}.services{padding:90px 20px;text-align:center;margin:10px;background-color:#fff;color:#000;border-radius:10px;font-family:Poppins-Bold,Helvetica,sans-serif}.services-title{font-size:24px;text-transform:uppercase;font-weight:700;margin-bottom:40px;color:#1f1f1f;font-family:Poppins-Bold,Helvetica,sans-serif}.highlight{display:block;font-size:36px;color:#7a00b4;font-family:Poppins-Bold,Helvetica,sans-serif}.service-link{text-decoration:none;color:inherit}.services-container{display:flex;max-width:1400px;flex-wrap:wrap;justify-content:center;gap:20px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(316px,1fr));gap:30px;max-width:1000px;margin:0 auto}.service-card{max-width:316px;max-height:240px;padding:30px 20px;text-align:start;background-color:#fff;border-radius:0 30px 0 0;border:1px solid #1e1e1e;margin:50px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease;font-family:Poppins-Bold,Helvetica,sans-serif}.icon-container{width:80px;height:80px;margin-top:-70px;margin-left:2px;margin-bottom:30px;border-radius:16px;display:flex;align-items:center;justify-content:center}.purple-bg{background:linear-gradient(135deg,#a671f2,#c77df3)}.orange-bg{background:linear-gradient(135deg,#fba667,#fdb1b1)}.green-bg{background:linear-gradient(135deg,#97e4a3,#affea5)}.pink-bg{background:linear-gradient(135deg,#f688a8,#fc7fb7)}@media (max-width: 768px){.services-grid{grid-template-columns:1fr;padding:0 5px}.service-card{margin:20px 5px;max-width:90%;padding:20px 15px;text-align:center}.icon-container{margin-left:auto;margin-right:auto}.services-title{font-size:20px}.highlight{font-size:28px}}.about{position:relative;padding:120px 20px;text-align:center;color:#fff;background-size:cover;background-repeat:no-repeat;background-position:center;font-family:Poppins,Helvetica,sans-serif;overflow:hidden}.about-title{font-size:32px;font-weight:700;letter-spacing:2px;margin-bottom:40px}.about-container{max-width:650px;margin:0 auto;z-index:2;position:relative}.about p{font-size:20px;line-height:1.8;margin-bottom:30px;font-weight:400;letter-spacing:1px}.about-ellipse{position:absolute;z-index:1;pointer-events:none;opacity:30%}.ellipse1{bottom:50px;left:0;width:500px}.ellipse2{bottom:0;right:0;width:400px}@media (max-width: 768px){.about-title{font-size:24px}.about p{font-size:16px;line-height:1.6}.ellipse1{width:300px;bottom:250px}.ellipse2{width:250px}}.web-development{position:relative;padding:120px 40px;background-color:#fff;color:#1a1a1a;font-family:Poppins,Helvetica,sans-serif}.web-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:60px;max-width:1200px;margin:0 auto;position:relative}.web-text-content{max-width:640px;text-align:left}.web-subtitle{color:#7a00b4;font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:0}.web-title{font-size:36px;margin-top:5px;margin-bottom:20px;font-weight:700;color:#1f1f1f}.web-text-content p{font-size:18px;color:#5f5e79;margin-bottom:14px;line-height:1.6;letter-spacing:1px}.web-services-list{list-style:none;padding-left:0;margin-bottom:20px}.web-services-list li{font-size:18px;color:#5f5e79;margin-bottom:10px;letter-spacing:1px;display:flex;align-items:center}.web-image{position:relative;width:fit-content;height:fit-content;flex-shrink:0}.web-frame{width:360px;height:360px;border-radius:30px;margin-left:80px;overflow:hidden;transform:rotate(-12deg);position:relative;display:block}.web-frame img{width:140%;height:140%;object-fit:cover;transform:translate(-50%,-50%) rotate(12deg);position:absolute;top:50%;left:50%;border-radius:30px}.web-decor-wrapper{position:absolute;top:-60px;left:-10px;width:180px;z-index:5;pointer-events:none}.web-decor-wrapper img{width:100%;height:auto}@media (max-width: 768px){.web-container{flex-direction:column;align-items:center;gap:40px}.web-text-content{max-width:100%;text-align:center}.web-frame{width:200px;height:200px;margin:0 auto}.web-services-list li{text-align:center}.web-decor-wrapper{top:-60px;left:20%;right:auto;transform:translate(-50%);width:139px}.web-image{order:-1}}@media (max-width: 1218px){.web-image{order:-1}}.desktop-development{position:relative;padding:20px 40px;background-color:#fff;color:#1a1a1a;font-family:Poppins,Helvetica,sans-serif}.desktop-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:60px;max-width:1200px;margin:0 auto;position:relative}.desktop-image{position:relative;width:fit-content;height:fit-content;flex-shrink:0}.desktop-frame{width:360px;height:360px;border-radius:30px;margin-right:180px;overflow:hidden;transform:rotate(12deg);position:relative;display:block}.desktop-frame img{width:116%;height:116%;object-fit:cover;transform:translate(-50%,-50%) rotate(-12deg) scaleX(-1);position:absolute;top:50%;left:50%;border-radius:30px}.desktop-decor-wrapper{position:absolute;top:-40px;left:270px;width:220px;z-index:5;pointer-events:none}.desktop-decor-wrapper img{width:100%;height:auto}.desktop-content{max-width:500px}.desktop-subtitle{color:#7a00b4;font-size:18px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:0}.desktop-title{font-size:36px;margin-top:5px;margin-bottom:20px;font-weight:700;color:#1f1f1f}.desktop-content p{font-size:18px;color:#5f5e79;margin-bottom:14px;line-height:1.6;letter-spacing:1px}.desktop-services-list{list-style:none;padding-left:0;margin-bottom:20px}.desktop-services-list li{font-size:18px;color:#5f5e79;margin-bottom:10px;letter-spacing:1px;display:flex;align-items:center}@media (max-width: 768px){.desktop-container{flex-direction:column;align-items:center;gap:40px}.desktop-content{max-width:100%;text-align:center}.desktop-frame{width:200px;height:200px;margin:0 auto}.desktop-services-list li{text-align:center;justify-content:center}.desktop-decor-wrapper{top:-60px;left:100%;transform:translate(-50%);width:139px}}.team{padding:100px 20px;background-color:#fff;text-align:center;font-family:Poppins,Helvetica,sans-serif}.team h2{font-size:36px;font-weight:700;color:#7a00b4;margin-bottom:50px}.team h2 span{color:#7a00b4;font-weight:400}.team-container{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;max-width:1200px;margin:0 auto}.team-card{background-color:#fff;box-shadow:0 4px 16px #0000001a;border-radius:20px;padding:30px 20px;width:240px;transition:transform .3s ease}.team-card:hover{transform:translateY(-10px)}.team-foto{width:110px;height:110px;border-radius:50%;object-fit:cover;border:0 solid transparent;background:linear-gradient(135deg,#ff6a00,#7a00b4);padding:7px;box-sizing:border-box;margin-bottom:20px}.team-card h3{font-size:18px;font-weight:700;color:#1f1f1f;margin-bottom:5px;line-height:1.4}.team-card p{font-size:14px;font-weight:500;color:#5f5e79}@media (max-width: 768px){.team-card{width:90%}.team h2{font-size:28px}.team-card h3{font-size:16px}.team-card p{font-size:13px}}.contact-section{position:relative;padding:100px 20px;background-size:cover;background-position:center;color:#fff;font-family:Poppins,sans-serif;overflow:hidden}.contact-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.85;object-fit:cover;z-index:1;pointer-events:none}.contact-wrapper{position:relative;display:flex;align-self:end;justify-content:center;align-items:flex-start;gap:40px;max-width:824px;margin:120px auto 0;z-index:2;flex-wrap:wrap;background:#fff;border-radius:10px;padding:40px;box-shadow:0 8px 20px #0000001a}.contact-info{position:absolute;top:40px;left:-140px;width:240px;height:310px;background-color:#5f259f;color:#fff;padding:30px;border-radius:10px;z-index:3}.contact-info h3{font-size:20px;margin-bottom:20px}.contact-info p{margin:35px 0;font-size:15px;display:flex;align-items:center;gap:8px}.social-icons{margin-top:40px;display:flex;gap:15px}.social-icons a{color:#fff;font-size:18px;text-decoration:none}.contact-form{flex:2;min-width:300px;margin-left:200px}.contact-form h2{font-size:28px;color:#1a1a1a;margin-bottom:30px}.form-row{display:flex;gap:20px;flex-wrap:wrap}.form-group{flex:1;display:flex;flex-direction:column;margin-bottom:20px}.form-group label{font-size:14px;margin-bottom:5px;color:#7a00b4;margin-right:20px}input,textarea{padding:10px;border:none;margin-right:40px;border-bottom:2px solid #ccc;outline:none;background-color:transparent;font-size:14px;color:#333}textarea{resize:none}.full{width:100%}button[type=submit]{background-color:#7a00b4;color:#fff;border:none;padding:12px 24px;font-size:14px;border-radius:8px;cursor:pointer;transition:background-color .3s ease}button[type=submit]:hover{background-color:#5a008f}.contact-section-title{font-size:36px;color:#fff;text-align:center;margin-bottom:40px;font-weight:700;z-index:2;position:relative}@media (max-width: 768px){.contact-wrapper{flex-direction:column;padding:30px 20px}.form-row{flex-direction:column}.contact-form h2{text-align:center}.contact-info{position:static;width:84%;margin-bottom:30px}.social-icons{justify-content:center}.contact-form{margin-left:0}}@media (max-width: 1170px){.contact-info{position:static;width:84%;margin-bottom:30px}}.contact-info a{color:#fff;text-decoration:none}.contact-info a:visited,.contact-info a:hover,.contact-info a:active{color:#fff}.mobile-development{position:relative;padding:20px 40px;background-color:#fff;color:#1a1a1a;font-family:Poppins,Helvetica,sans-serif}.mobile-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:60px;max-width:1200px;margin:0 auto;position:relative}.mobile-image{position:relative;width:fit-content;height:fit-content;flex-shrink:0}.mobile-frame{width:360px;height:360px;border-radius:30px;margin-right:180px;overflow:hidden;transform:rotate(10deg);position:relative;display:block}.mobile-frame img{width:140%;height:140%;object-fit:cover;transform:translate(-50%,-50%) rotate(-10deg);position:absolute;top:50%;left:50%;border-radius:30px}.mobile-decoration-wrapper{position:absolute;top:-100px;left:270px;width:220px;z-index:5;pointer-events:none}.mobile-decoration-wrapper img{width:100%;height:auto}.mobile-content{max-width:480px}.mobile-subtitle{color:#7a00b4;font-size:18px;letter-spacing:2px;text-transform:uppercase;margin-bottom:0;font-weight:700}.mobile-title{font-size:36px;color:#1f1f1f;margin:5px 0 20px;font-weight:700}.mobile-description p{color:#5f5e79;font-size:18px;font-weight:400;margin-bottom:12px;letter-spacing:1.08px}.mobile-services-list{list-style:none;padding-left:0;margin-bottom:20px}.mobile-services-list li{color:#5f5e79;font-size:18px;font-weight:400;margin-bottom:10px;letter-spacing:1.08px;display:flex;align-items:center}@media (max-width: 768px){.mobile-container{flex-direction:column;align-items:center;gap:40px}.mobile-content{max-width:100%;text-align:center}.mobile-frame{width:200px;height:200px;margin:0 auto}.mobile-services-list li{text-align:center}.mobile-decoration-wrapper{top:-100px;left:100%;right:auto;transform:translate(-50%);width:139px}}.webapp-development{position:relative;padding:120px 40px;background-color:#fff;color:#1a1a1a;font-family:Poppins,Helvetica,sans-serif}.webapp-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:60px;max-width:1200px;margin:0 auto;position:relative}.webapp-image{position:relative;width:fit-content;height:fit-content;flex-shrink:0}.webapp-frame{width:360px;height:360px;border-radius:30px;margin-left:80px;overflow:hidden;transform:rotate(-12deg);position:relative;display:block}.webapp-frame img{width:140%;height:140%;object-fit:cover;transform:translate(-50%,-50%) rotate(12deg);position:absolute;top:50%;left:50%;border-radius:30px}.webapp-decor-wrapper{position:absolute;top:-60px;right:280px;width:180px;z-index:5;pointer-events:none}.webapp-decor-wrapper img{width:100%;height:auto}.webapp-content{max-width:640px;text-align:left}.webapp-subtitle{color:#7a00b4;font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:0}.webapp-title{font-size:36px;margin-top:5px;margin-bottom:20px;font-weight:700;color:#1f1f1f}.webapp-content p{font-size:18px;color:#5f5e79;margin-bottom:14px;line-height:1.6;letter-spacing:1px}.webapp-services-list{list-style:none;padding-left:0;margin-bottom:20px}.webapp-services-list li{font-size:18px;color:#5f5e79;margin-bottom:10px;letter-spacing:1px;display:flex;align-items:center}@media (max-width: 768px){.webapp-container{flex-direction:column;align-items:center;gap:40px}.webapp-content{max-width:100%;text-align:center}.webapp-frame{width:200px;height:200px;margin:0 auto}.webapp-services-list li{text-align:center}.webapp-decor-wrapper{top:-60px;left:0;right:auto;transform:translate(-50%);width:139px}.webapp-image{order:-1}}@media (max-width: 1218px){.webapp-image{order:-1}}