@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");.services-page{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a 50%,#0f1428);color:#ffffff;font-family:Inter,sans-serif;overflow-x:hidden}.services-header{position:relative;padding:2rem 0 4rem;background:linear-gradient(180deg,rgba(10,14,39,.95),rgba(10,14,39,0))}.services-nav{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.75rem;font-weight:800;color:#ffffff;text-decoration:none;letter-spacing:-.5px}.logo span{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2.5rem}.nav-links a{color:rgba(255,255,255,.7);text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.nav-links a.active,.nav-links a:hover{color:#ffffff}.nav-links a.active:after,.nav-links a:hover:after{width:100%}.hero-section{max-width:1400px;margin:4rem auto 0;padding:0 2rem;text-align:center;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.hero-section.visible{opacity:1;transform:translateY(0)}.hero-title{font-size:4rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-2px}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.35rem;color:rgba(255,255,255,.7);max-width:700px;margin:0 auto;font-weight:400;line-height:1.6}.services-container{max-width:1400px;margin:6rem auto;padding:0 2rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:3rem;margin-top:3rem}.service-card{background:rgba(255,255,255,.03);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;animation:fadeInUp .6s ease forwards;backdrop-filter:blur(10px);position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.service-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.15);box-shadow:0 20px 60px rgba(102,126,234,.3)}.service-card.active{background:rgba(255,255,255,.05)}.service-image-container{position:relative;width:100%;height:300px;overflow:hidden}.service-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.service-card:hover .service-image{transform:scale(1.08)}.service-overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .4s ease;pointer-events:none}.service-card:hover .service-overlay{opacity:.15}.service-overlay.blue{background:linear-gradient(135deg,#667eea,#4c63d2)}.service-overlay.purple{background:linear-gradient(135deg,#764ba2,#667eea)}.service-overlay.red{background:linear-gradient(135deg,#f093fb,#f5576c)}.service-overlay.cyan{background:linear-gradient(135deg,#4facfe,#00f2fe)}.service-overlay.green{background:linear-gradient(135deg,#43e97b,#38f9d7)}.service-overlay.violet{background:linear-gradient(135deg,#a8edea,#fed6e3)}.service-content{padding:2rem}.service-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:#ffffff;letter-spacing:-.5px}.service-description{font-size:1rem;line-height:1.7;color:rgba(255,255,255,.7);margin-bottom:1.5rem}.service-features{margin:1.5rem 0}.service-features h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:rgba(255,255,255,.9)}.service-features ul{list-style:none;padding:0;margin:0}.service-features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:rgba(255,255,255,.8);font-size:.95rem}.check-icon{width:20px;height:20px;color:#43e97b;flex-shrink:0}.service-cta{margin-top:1.5rem;padding:.875rem 1.75rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;color:#ffffff;background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}.service-cta.blue{background:linear-gradient(135deg,#667eea,#4c63d2)}.service-cta.purple{background:linear-gradient(135deg,#764ba2,#667eea)}.service-cta.red{background:linear-gradient(135deg,#f093fb,#f5576c)}.service-cta.cyan{background:linear-gradient(135deg,#4facfe,#00f2fe)}.service-cta.green{background:linear-gradient(135deg,#43e97b,#38f9d7)}.service-cta.violet{background:linear-gradient(135deg,#a8edea,#fed6e3)}.service-cta:hover{transform:translateX(5px);box-shadow:0 10px 30px rgba(102,126,234,.4)}.arrow-icon{width:20px;height:20px;transition:transform .3s ease}.service-cta:hover .arrow-icon{transform:translateX(5px)}.services-cta-section{max-width:1400px;margin:8rem auto 4rem;padding:0 2rem}.cta-content{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:4rem 3rem;text-align:center;backdrop-filter:blur(20px)}.cta-content h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-1px}.cta-content p{font-size:1.25rem;color:rgba(255,255,255,.7);margin-bottom:2.5rem}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.cta-button{padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#ffffff}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(102,126,234,.4)}.cta-button.secondary{background:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.2)}.cta-button.secondary:hover{background:rgba(255,255,255,.15);transform:translateY(-3px)}.services-footer{text-align:center;padding:3rem 2rem;color:rgba(255,255,255,.5);font-size:.95rem}@media (max-width:1024px){.services-grid{grid-template-columns:1fr;gap:2.5rem}.hero-title{font-size:3rem}}@media (max-width:768px){.nav-links{gap:1.5rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.service-image-container{height:250px}.cta-content{padding:3rem 2rem}.cta-content h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px;text-align:center}}@media (max-width:480px){.services-grid{grid-template-columns:1fr}.hero-title{font-size:2rem}.service-title{font-size:1.5rem}.service-content{padding:1.5rem}}