.modern-hero{z-index:1;background-color:#f4f7fb;justify-content:center;align-items:center;min-height:100vh;transition:all .4s;display:flex;position:relative;overflow:hidden}body.cs-dark .modern-hero{background-color:#050510}.modern-hero-bg{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.gradient-sphere{filter:blur(80px);opacity:.6;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.sphere-1{background:#552bed66;width:500px;height:500px;animation-delay:0s;top:-10%;left:-10%}.sphere-2{background:#ef44444d;width:600px;height:600px;animation-delay:-5s;bottom:-20%;right:-10%}.sphere-3{background:#0ea5e959;width:400px;height:400px;animation-delay:-10s;top:40%;left:50%;transform:translate(-50%)}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,30px)scale(1.1)}to{transform:translate(-30px,50px)scale(.9)}}.modern-hero-content{text-align:center;z-index:2;padding-top:80px;position:relative}.modern-hero-title{color:#111827;letter-spacing:-1px;margin-bottom:24px;font-size:5rem;font-weight:800;line-height:1.1;transition:color .4s}body.cs-dark .modern-hero-title{color:#fff}.text-gradient{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ef4444);-webkit-text-fill-color:transparent;color:#0000;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientText}@keyframes gradientText{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.modern-hero-subtitle{color:#4b5563;max-width:700px;margin:0 auto 40px;font-size:1.25rem;line-height:1.6;transition:color .4s}body.cs-dark .modern-hero-subtitle{color:#caced3}.modern-hero-btns{justify-content:center;align-items:center;gap:20px;display:flex}.modern-hero-outline-btn{border-radius:30px;padding:12px 30px;transition:all .3s;color:#111827!important;background:0 0!important;border:1px solid #0000004d!important}.modern-hero-outline-btn:hover{color:#111827!important;background:#0000000d!important;border-color:#111827!important}body.cs-dark .modern-hero-outline-btn{color:#fff!important;border-color:#ffffff4d!important}body.cs-dark .modern-hero-outline-btn:hover{color:#fff!important;background:#ffffff1a!important;border-color:#fff!important}.modern-hero-scroll{color:#0009;text-transform:uppercase;letter-spacing:2px;flex-direction:column;align-items:center;font-size:.875rem;transition:color .4s;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}body.cs-dark .modern-hero-scroll{color:#fff9}.scroll-indicator{background:#0003;width:2px;height:40px;margin-top:10px;position:relative;overflow:hidden}body.cs-dark .scroll-indicator{background:#fff3}.scroll-indicator:after{content:"";background:#000;width:100%;height:50%;animation:2s ease-in-out infinite scrollDown;position:absolute;top:0;left:0}body.cs-dark .scroll-indicator:after{background:#fff}@keyframes scrollDown{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}@media (max-width:991px){.modern-hero-title{font-size:3.5rem}}@media (max-width:767px){.modern-hero-title{font-size:2.5rem}.modern-hero-subtitle{padding:0 15px;font-size:1.1rem}.modern-hero-btns{flex-direction:column;gap:15px}}.modern-about{background-color:#0000;padding:50px 0;position:relative;overflow:hidden}.modern-about-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #00000014;border-radius:24px;align-items:center;gap:50px;padding:60px;transition:all .4s;display:flex;position:relative;box-shadow:0 20px 40px #0000000d}body.cs-dark .modern-about-wrapper{background:#ffffff05;border:1px solid #ffffff14;box-shadow:0 20px 40px #0003}.modern-about-bg-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#3b82f61a 0%,#0000 70%);width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modern-about-content{flex:1}.modern-about-tag{color:#3b82f6;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#3b82f61a,#8b5cf61a);border-radius:20px;margin-bottom:20px;padding:8px 16px;font-size:.875rem;font-weight:600;display:inline-block}.modern-about-title{color:#111827;margin-bottom:24px;font-size:3rem;font-weight:700;line-height:1.2;transition:color .4s}body.cs-dark .modern-about-title{color:#fff}.modern-about-text{color:#4b5563;margin-bottom:30px;font-size:1.125rem;line-height:1.8;transition:color .4s}body.cs-dark .modern-about-text{color:#caced3}.modern-about-features{gap:30px;margin-bottom:40px;display:flex}.modern-about-feature{color:#111827;align-items:center;gap:12px;font-weight:600;transition:color .4s;display:flex}body.cs-dark .modern-about-feature{color:#e5e7eb}.feature-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.modern-about-image{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.modern-about-image img{z-index:2;border-radius:20px;max-width:100%;height:auto;transition:transform .5s;position:relative}.modern-about-image:hover img{transform:translateY(-10px)}.image-glow{z-index:1;filter:blur(40px);background:radial-gradient(circle,#8b5cf633 0%,#0000 70%);width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:991px){.modern-about-wrapper{flex-direction:column;padding:40px}.modern-about-title{font-size:2.5rem}}@media (max-width:767px){.modern-about-wrapper{padding:30px 20px}.modern-about-title{font-size:2rem}.modern-about-features{flex-direction:column;gap:15px}}.modern-services{z-index:1;background-color:#0000;padding:50px 0;position:relative}.modern-services-header{text-align:center;margin-bottom:30px}.modern-services-subtitle{color:#ef4444;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#ef44441a,#8b5cf61a);border-radius:20px;margin-bottom:20px;padding:8px 16px;font-size:.875rem;font-weight:600;display:inline-block}.modern-services-title{color:#111827;margin-bottom:0;font-size:3rem;font-weight:700;transition:color .4s}body.cs-dark .modern-services-title{color:#fff}.modern-service-card{z-index:1;background:#fff;border:1px solid #0000000d;border-radius:24px;height:100%;padding:40px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 10px 30px #00000005}body.cs-dark .modern-service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;box-shadow:inset 0 0 0 1px #ffffff0d}.modern-service-card:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.modern-service-card:hover{transform:translateY(-15px);box-shadow:0 20px 40px #00000014}body.cs-dark .modern-service-card:hover{border-color:#ffffff26;box-shadow:0 20px 40px #0000004d}.modern-service-card:hover:before{opacity:1}.service-icon-wrapper{color:#3b82f6;background:#f4f7fb;border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:30px;transition:all .4s;display:flex}body.cs-dark .service-icon-wrapper{color:#60a5fa;background:#ffffff0d}.modern-service-card:hover .service-icon-wrapper{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);transform:scale(1.1)rotate(5deg)}.service-number{color:#00000008;font-size:4rem;font-weight:800;line-height:1;transition:color .4s;position:absolute;top:30px;right:30px}body.cs-dark .service-number{color:#ffffff08}.modern-service-card:hover .service-number{color:#3b82f61a}.modern-service-title{color:#111827;margin-bottom:15px;font-size:1.5rem;font-weight:700;transition:color .4s}body.cs-dark .modern-service-title{color:#fff}.modern-service-text{color:#6b7280;margin-bottom:30px;font-size:1.05rem;line-height:1.7;transition:color .4s}body.cs-dark .modern-service-text{color:#9ca3af}.modern-service-link{color:#3b82f6;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:inline-flex}.modern-service-link svg{transition:transform .3s}.modern-service-card:hover .modern-service-link svg{transform:translate(5px)}@media (max-width:991px){.modern-services-title{font-size:2.5rem}}@media (max-width:767px){.modern-services-title{font-size:2rem}.modern-services{padding:60px 0}}.modern-tech-stack{z-index:1;background-color:#0000;padding:50px 0;position:relative}.modern-tech-header{text-align:center;margin-bottom:30px}.modern-tech-subtitle{color:#0ea5e9;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#0ea5e91a,#3b82f61a);border-radius:20px;margin-bottom:20px;padding:8px 16px;font-size:.875rem;font-weight:600;display:inline-block}.modern-tech-title{color:#111827;margin-bottom:0;font-size:3rem;font-weight:700;transition:color .4s}body.cs-dark .modern-tech-title{color:#fff}.modern-tech-stack .cs-slider_arrows{margin-top:30px}.modern-tech-stack .cs-image_box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #0000000d;border-radius:20px;padding:20px;transition:all .3s}body.cs-dark .modern-tech-stack .cs-image_box{background:#ffffff08;border-color:#ffffff0d}.modern-tech-stack .cs-image_box:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000000d}body.cs-dark .modern-tech-stack .cs-image_box:hover{box-shadow:0 10px 30px #0000004d}@media (max-width:991px){.modern-tech-title{font-size:2.5rem}}@media (max-width:767px){.modern-tech-title{font-size:2rem}.modern-tech-stack{padding:50px 0}}