:root {--dark-bg:#0a0e17;--darker-bg:#070b12;--card-bg:#111827;--primary-cyan:#00e5ff;--primary-blue:#2979ff;--primary-purple:#9c27b0;--text-white:#ffffff;--text-light:rgba(255,255,255,0.85);--text-muted:rgba(255,255,255,0.75);--gradient-blue-purple:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));--gradient-cyan-blue:linear-gradient(135deg,var(--primary-cyan),var(--primary-blue));--glow-cyan:0 0 15px rgba(0,229,255,0.5);--glow-blue:0 0 15px rgba(41,121,255,0.5);--glow-purple:0 0 15px rgba(156,39,176,0.5);--transition-normal:all 0.3s ease;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px;--border-radius-xl:30px;--border-radius-circle:50%;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;} * {margin:0;padding:0;box-sizing:border-box;} html {font-size:16px;scroll-behavior:smooth;} body {font-family:var(--font-family);background-color:var(--dark-bg);color:var(--text-white);line-height:1.6;overflow-x:hidden;} a {text-decoration:none;color:var(--text-white);transition:var(--transition-normal);} img {max-width:100%;height:auto;} .container {width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);} .section {padding:var(--spacing-xxxl) 0;} .section-title {text-align:center;margin-bottom:var(--spacing-xxl);} .section-title h2 {font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);background:var(--gradient-cyan-blue);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;} .section-title .accent {background:var(--gradient-blue-purple);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} .section-title::after {content:'';display:block;width:80px;height:4px;background:var(--gradient-cyan-blue);margin:var(--spacing-md) auto 0;border-radius:var(--border-radius-sm);} .section-title p {color:var(--text-muted);font-size:1.1rem;max-width:600px;margin:var(--spacing-md) auto 0;} .btn {display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);font-size:1.1rem;letter-spacing:0.5px;position:relative;overflow:hidden;z-index:1;border:none;outline:none;cursor:pointer;text-align:center;} .btn-primary {background:var(--gradient-cyan-blue);color:var(--text-white);box-shadow:0 4px 15px rgba(0,229,255,0.4);animation:pulse-glow 3s infinite;} .btn-primary:hover {transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px rgba(0,229,255,0.6);} @keyframes pulse-glow {0% {box-shadow:0 0 0 0 rgba(0,229,255,0.4);} 70% {box-shadow:0 0 0 15px rgba(0,229,255,0);} 100% {box-shadow:0 0 0 0 rgba(0,229,255,0);}} .btn-secondary {background:rgba(255,255,255,0.1);color:var(--text-white);border:1px solid rgba(255,255,255,0.3);backdrop-filter:blur(5px);} .btn-secondary:hover {background:rgba(255,255,255,0.2);border-color:var(--text-white);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.2);} .btn-icon {margin-right:12px;font-size:1.2rem;} .loader-wrapper {position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark-bg);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 0.5s ease,visibility 0.5s ease;} .loader {position:relative;display:flex;flex-direction:column;align-items:center;} .glowing-text {font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary-cyan),var(--primary-blue),var(--primary-purple),var(--primary-cyan));background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientAnimation 3s ease infinite,glow 2s ease-in-out infinite;position:relative;} .glowing-text::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius-md);filter:blur(20px);z-index:-1;opacity:0.7;background:inherit;background-size:inherit;animation:gradientAnimation 3s ease infinite;} @keyframes gradientAnimation {0% {background-position:0% 50%;} 50% {background-position:100% 50%;} 100% {background-position:0% 50%;}} @keyframes glow {0%,100% {text-shadow:0 0 10px rgba(0,229,255,0.7),0 0 20px rgba(41,121,255,0.5),0 0 30px rgba(156,39,176,0.3);} 50% {text-shadow:0 0 20px rgba(0,229,255,0.8),0 0 30px rgba(41,121,255,0.6),0 0 40px rgba(156,39,176,0.4);}} .loader-circle {width:40px;height:40px;border:3px solid rgba(0,229,255,0.2);border-top:3px solid var(--primary-cyan);border-radius:50%;margin-top:var(--spacing-lg);animation:spin 1s linear infinite;} @keyframes spin {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}} .header {position:fixed;top:0;left:0;width:100%;z-index:100;background-color:rgba(10,14,23,0.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:var(--transition-normal);} .header.scrolled {background-color:rgba(7,11,18,0.95);box-shadow:0 5px 20px rgba(0,0,0,0.2);} .navbar {display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;} .logo {font-size:1.8rem;font-weight:700;background:var(--gradient-cyan-blue);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;} .nav-links {display:flex;list-style:none;gap:clamp(14px,1.8vw,32px);align-items:center;} .nav-links a {font-weight:500;position:relative;padding:var(--spacing-xs) 0;white-space:nowrap;} .nav-links a::after {content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-cyan-blue);transition:var(--transition-normal);} .nav-links a:hover {color:var(--primary-cyan);} .nav-links a.active-link {color:var(--primary-cyan);} .nav-links a:hover::after {width:100%;} .nav-links a.active-link::after {width:100%;} .hamburger {display:none;cursor:pointer;width:30px;height:20px;position:relative;z-index:101;} .hamburger span {display:block;position:absolute;height:2px;width:100%;background:var(--text-white);border-radius:2px;opacity:1;left:0;transform:rotate(0deg);transition:var(--transition-normal);} .hamburger span:nth-child(1) {top:0px;} .hamburger span:nth-child(2),.hamburger span:nth-child(3) {top:9px;} .hamburger span:nth-child(4) {top:18px;} .hamburger.active span:nth-child(1) {top:9px;width:0%;left:50%;} .hamburger.active span:nth-child(2) {transform:rotate(45deg);} .hamburger.active span:nth-child(3) {transform:rotate(-45deg);} .hamburger.active span:nth-child(4) {top:9px;width:0%;left:50%;} .hero {min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px;} .hero::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 70% 30%,rgba(41,121,255,0.1),transparent 70%),radial-gradient(circle at 30% 70%,rgba(156,39,176,0.1),transparent 70%);z-index:-1;} .hero-content {max-width:600px;z-index:1;} .hero-title {font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:var(--spacing-lg);} .hero-title .gradient-text {background:var(--gradient-cyan-blue);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} .hero-description {font-size:1.2rem;color:var(--text-light);margin-bottom:var(--spacing-xl);} .hero-buttons {display:flex;gap:var(--spacing-md);} .hero-image {position:absolute;right:0;top:50%;transform:translateY(-50%);width:50%;max-width:600px;z-index:0;} .typewrite>.wrap {border-right:0.08em solid var(--primary-cyan);animation:blink 0.7s infinite;} @keyframes blink {0% {border-color:transparent} 50% {border-color:var(--primary-cyan)} 100% {border-color:transparent}} .hero-circle {position:absolute;border-radius:50%;filter:blur(60px);z-index:-1;} .hero-circle-1 {width:300px;height:300px;background:rgba(0,229,255,0.15);top:20%;right:10%;} .hero-circle-2 {width:200px;height:200px;background:rgba(156,39,176,0.15);bottom:10%;left:5%;} .services {position:relative;} .services-section {padding:80px 0;background:var(--dark-bg);position:relative;} .services-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);} .service-card {background:var(--card-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);transition:var(--transition-normal);position:relative;overflow:hidden;z-index:1;} .service-card::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,229,255,0.05),rgba(41,121,255,0.05));z-index:-1;opacity:0;transition:var(--transition-normal);} .service-card:hover {transform:translateY(-10px);box-shadow:0 10px 30px rgba(0,0,0,0.2);} .service-card:hover::before {opacity:1;} .service-icon {width:70px;height:70px;border-radius:var(--border-radius-circle);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);background:var(--gradient-cyan-blue);box-shadow:var(--glow-cyan);} .service-icon i {font-size:28px;color:var(--text-white);} .service-card:hover .service-icon {transform:scale(1.1);} .service-title {font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-white);} .service-description {color:var(--text-muted);margin-bottom:var(--spacing-lg);} .service-link {color:var(--primary-cyan);font-weight:600;display:inline-flex;align-items:center;} .service-link i {margin-left:var(--spacing-xs);transition:var(--transition-normal);} .service-link:hover i {transform:translateX(5px);} .about {position:relative;} .about-content {display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-xxl);align-items:center;} .about-image {position:relative;border-radius:var(--border-radius-lg);overflow:hidden;} .about-image img {display:block;width:100%;height:auto;border-radius:var(--border-radius-lg);} .about-image::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,229,255,0.2),rgba(156,39,176,0.2));mix-blend-mode:overlay;border-radius:var(--border-radius-lg);} .about-text h2 {font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-lg);} .about-text h2 .gradient-text {background:var(--gradient-cyan-blue);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} .about-text p {color:var(--text-light);margin-bottom:var(--spacing-lg);} .about-features {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl);} .feature-item {display:flex;align-items:flex-start;} .feature-icon {width:40px;height:40px;border-radius:var(--border-radius-circle);display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-md);background:var(--gradient-cyan-blue);flex-shrink:0;} .feature-icon i {font-size:18px;color:var(--text-white);} .feature-text h4 {font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-white);} .feature-text p {color:var(--text-muted);font-size:0.9rem;margin-bottom:0;} .testimonials {position:relative;background-color:var(--darker-bg);} .testimonial-slider {position:relative;overflow:hidden;} .testimonial-slide {background:var(--card-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;margin:0 var(--spacing-md);position:relative;z-index:1;} .testimonial-slide::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,229,255,0.05),rgba(41,121,255,0.05));z-index:-1;border-radius:var(--border-radius-lg);} .client-image {width:80px;height:80px;border-radius:var(--border-radius-circle);overflow:hidden;margin:0 auto var(--spacing-lg);border:3px solid transparent;background:var(--gradient-cyan-blue) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);} .client-image img {width:100%;height:100%;object-fit:cover;} .testimonial-text {font-style:italic;color:var(--text-light);margin-bottom:var(--spacing-lg);position:relative;} .testimonial-text::before {content:'"';font-size:4rem;position:absolute;top:-20px;left:-10px;color:rgba(0,229,255,0.1);font-family:serif;} .client-info h4 {font-size:1.2rem;color:var(--text-white);margin-bottom:var(--spacing-xs);} .client-info p {color:var(--text-muted);font-size:0.9rem;} .rating {margin-top:var(--spacing-md);color:#ffc107;} .contact {position:relative;} .contact-container {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xxl);} .contact-info {display:flex;flex-direction:column;} .contact-info h2,.contact-info h3 {font-size:2rem;font-weight:700;margin-bottom:var(--spacing-lg);background:var(--gradient-cyan-blue);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;} .contact-info p {color:var(--text-light);margin-bottom:var(--spacing-xl);} .contact-details {margin-bottom:var(--spacing-xl);} .contact-item {display:flex;align-items:center;margin-bottom:var(--spacing-md);} .contact-icon {width:40px;height:40px;border-radius:var(--border-radius-circle);display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-md);background:var(--gradient-cyan-blue);flex-shrink:0;} .contact-icon i {font-size:18px;color:var(--text-white);} .contact-text {color:var(--text-light);} .social-links {display:flex;gap:var(--spacing-md);} .social-link {width:40px;height:40px;border-radius:var(--border-radius-circle);display:flex;align-items:center;justify-content:center;background:var(--card-bg);color:var(--text-white);transition:var(--transition-normal);} .social-link:hover {background:var(--gradient-cyan-blue);transform:translateY(-3px);} .contact-form {background:var(--card-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);position:relative;z-index:1;} .contact-form::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,229,255,0.05),rgba(41,121,255,0.05));z-index:-1;border-radius:var(--border-radius-lg);} .form-group {margin-bottom:var(--spacing-lg);} .form-control {width:100%;padding:12px 15px;background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--border-radius-md);color:var(--text-white);font-size:1rem;transition:var(--transition-normal);} .form-control:focus {outline:none;border-color:var(--primary-cyan);box-shadow:0 0 0 3px rgba(0,229,255,0.1);} .form-control::placeholder {color:var(--text-muted);} textarea.form-control {resize:vertical;min-height:120px;} .whatsapp-btn {display:inline-flex;align-items:center;justify-content:center;padding:12px 25px;background:#25D366;color:var(--dark-bg);border-radius:var(--border-radius-xl);font-weight:600;transition:var(--transition-normal);box-shadow:0 4px 15px rgba(37,211,102,0.3);} .whatsapp-btn i {margin-right:var(--spacing-sm);font-size:1.2rem;} .whatsapp-btn:hover {transform:translateY(-3px);box-shadow:0 8px 25px rgba(37,211,102,0.4);} .floating-whatsapp {position:fixed;bottom:30px;right:30px;z-index:99;} .floating-whatsapp a {display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#25D366;color:var(--text-white);border-radius:var(--border-radius-circle);box-shadow:0 5px 15px rgba(37,211,102,0.3);transition:var(--transition-normal);} .floating-whatsapp a i {font-size:30px;} .floating-whatsapp a:hover {transform:scale(1.1);} .footer {background-color:var(--darker-bg);padding:var(--spacing-xxl) 0 var(--spacing-lg);position:relative;overflow:hidden;} .footer::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 70% 30%,rgba(41,121,255,0.05),transparent 70%),radial-gradient(circle at 30% 70%,rgba(156,39,176,0.05),transparent 70%);z-index:0;} .footer-content {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);position:relative;z-index:1;} .footer-logo {font-size:1.8rem;font-weight:700;margin-bottom:var(--spacing-md);background:var(--gradient-cyan-blue);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;} .footer-about p {color:var(--text-muted);margin-bottom:var(--spacing-lg);} .footer-heading {font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-white);position:relative;padding-bottom:var(--spacing-sm);} .footer-heading::after {content:'';position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--gradient-cyan-blue);} .footer-links {list-style:none;} .footer-links li {margin-bottom:var(--spacing-sm);} .footer-links a {color:var(--text-muted);transition:var(--transition-normal);} .footer-links a:hover {color:var(--primary-cyan);padding-left:var(--spacing-xs);} .footer-newsletter p {color:var(--text-muted);margin-bottom:var(--spacing-md);} .newsletter-form {display:flex;} .newsletter-form input {flex:1;padding:12px 15px;background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--border-radius-xl) 0 0 var(--border-radius-xl);color:var(--text-white);font-size:0.9rem;} .newsletter-form input:focus {outline:none;border-color:var(--primary-cyan);} .newsletter-form button {background:var(--gradient-cyan-blue);color:var(--text-white);border:none;padding:0 var(--spacing-md);border-radius:0 var(--border-radius-xl) var(--border-radius-xl) 0;cursor:pointer;transition:var(--transition-normal);} .newsletter-form button:hover {background:var(--gradient-blue-purple);} .footer-bottom {text-align:center;padding-top:var(--spacing-xl);margin-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,0.1);position:relative;z-index:1;} .footer-bottom p {color:var(--text-muted);font-size:0.9rem;} @media screen and (max-width:992px) {.hero-title {font-size:3rem;} .hero-image {width:45%;} .about-content {grid-template-columns:1fr;} .about-image {margin-bottom:var(--spacing-xl);}} @media screen and (max-width:768px) {.section {padding:var(--spacing-xxl) 0;} .section-title h2 {font-size:2rem;} .hero {padding-top:60px;} .hero-title {font-size:2.5rem;} .hero-image {display:none;} .hero-buttons {flex-direction:column;gap:var(--spacing-md);} .hero-buttons .btn {width:100%;} .nav-links {position:fixed;top:0;right:-100%;width:80%;height:100vh;background:var(--darker-bg);flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xl);transition:var(--transition-normal);z-index:100;} .nav-links.active {right:0;} .hamburger {display:block;} .about-features {grid-template-columns:1fr;}} @media screen and (max-width:576px) {.hero-title {font-size:2rem;} .contact-container {grid-template-columns:1fr;} .contact-form {margin-top:var(--spacing-xl);} .footer-content {grid-template-columns:1fr;text-align:center;} .footer-heading::after {left:50%;transform:translateX(-50%);} .newsletter-form {max-width:300px;margin:0 auto;}} .skip-nav {position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--gradient-cyan-blue);color:var(--text-white);padding:12px 24px;border-radius:0 0 12px 12px;z-index:10000;font-weight:600;text-decoration:none;transition:top 0.3s ease;} .skip-nav:focus {top:0;} .hero-badge {display:inline-flex;align-items:center;gap:8px;background:rgba(0,229,255,0.1);border:1px solid rgba(0,229,255,0.3);color:var(--primary-cyan);padding:8px 20px;border-radius:50px;font-size:0.85rem;font-weight:600;margin-bottom:20px;animation:fadeInUp 0.6s ease;} .testimonial-slider-container {position:relative;max-width:1200px;margin:0 auto;overflow:hidden;padding:20px 0 60px;} .testimonial-track {display:flex;transition:transform 0.5s cubic-bezier(0.25,1,0.5,1);gap:30px;} .testimonial-slide {flex:0 0 100%;background:var(--card-bg);border:1px solid rgba(255,255,255,0.05);border-radius:20px;padding:40px;text-align:center;position:relative;user-select:none;} @media (min-width:768px) {.testimonial-slide {flex:0 0 calc((100% - 30px) / 2);}} @media (min-width:1024px) {.testimonial-slide {flex:0 0 calc((100% - 60px) / 3);}} .testimonial-dots {position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:10px;} .dot {width:12px;height:12px;background:rgba(255,255,255,0.2);border-radius:50%;cursor:pointer;transition:all 0.3s ease;} .dot.active {background:var(--primary-cyan);transform:scale(1.2);} .client-image img {width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-cyan);margin-bottom:20px;} .testimonial-text p {font-style:italic;color:var(--text-light);font-size:1.1rem;line-height:1.6;margin-bottom:20px;} .client-info h4 {font-size:1.1rem;margin-bottom:5px;color:var(--text-white);} .client-info p {font-size:0.9rem;color:var(--primary-blue);font-weight:500;} .stats-section {padding:30px 0;background:rgba(10,14,23,0.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;border-bottom:1px solid rgba(255,255,255,0.05);z-index:20;} .stats-grid {display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:20px;max-width:1200px;margin:0 auto;} .stat-item {background:transparent;border:none;padding:10px 20px;display:flex;align-items:center;gap:15px;transition:transform 0.3s ease;border-radius:50px;} .stat-item:hover {transform:translateY(-2px);background:rgba(255,255,255,0.03);} .stat-icon {font-size:1.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(0,229,255,0.1);border-radius:50%;margin-bottom:0;color:var(--primary-cyan);flex-shrink:0;} .stat-item:hover .stat-icon {transform:none;background:var(--gradient-cyan-blue);color:#fff;} .stat-info {display:flex;flex-direction:column;align-items:flex-start;} .stat-number {font-size:1.8rem;font-weight:700;color:var(--text-white);line-height:1;margin-bottom:2px;} .stat-suffix {font-size:1.8rem;color:var(--primary-cyan);font-weight:700;} .stat-label {color:var(--text-muted);font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0;} @media (max-width:900px) {.stats-grid {justify-content:center;gap:30px;}} @media (max-width:600px) {.stats-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:20px;} .stat-item {padding:5px;flex-direction:column;text-align:center;} .stat-info {align-items:center;}} .stats-grid {grid-template-columns:repeat(2,1fr);gap:16px;} .stat-item {padding:30px 15px;} .stat-number {font-size:2.5rem;} @media (max-width:480px) {.stats-grid {grid-template-columns:1fr;}} .contact-container {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;} .contact-info h2,.contact-info h3 {font-size:2rem;margin-bottom:16px;background:var(--gradient-cyan-blue);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} .contact-info p {color:var(--text-muted);font-size:1.1rem;margin-bottom:32px;line-height:1.6;} .contact-details {display:flex;flex-direction:column;gap:24px;margin-bottom:32px;} .contact-item {display:flex;align-items:center;gap:16px;} .contact-icon {width:50px;height:50px;background:rgba(0,229,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-cyan);font-size:1.2rem;transition:var(--transition-normal);} .contact-item:hover .contact-icon {background:var(--primary-cyan);color:var(--dark-bg);transform:scale(1.1);} .contact-text p {color:var(--text-white);font-size:1.05rem;margin:0;font-weight:500;} .whatsapp-btn {display:inline-flex;align-items:center;gap:10px;background:#25D366;color:white;padding:12px 24px;border-radius:50px;font-weight:600;text-decoration:none;margin-bottom:32px;transition:transform 0.3s ease;box-shadow:0 4px 15px rgba(37,211,102,0.3);} .whatsapp-btn:hover {transform:translateY(-3px);box-shadow:0 8px 25px rgba(37,211,102,0.4);} .social-links {display:flex;gap:16px;} .social-link {width:40px;height:40px;background:rgba(255,255,255,0.05);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-light);transition:var(--transition-normal);border:1px solid rgba(255,255,255,0.1);} .social-link:hover {background:var(--primary-cyan);color:var(--dark-bg);transform:translateY(-3px);border-color:var(--primary-cyan);} .contact-form {background:var(--card-bg);padding:40px;border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,0.06);} .form-group {margin-bottom:20px;} .form-control {width:100%;padding:14px 16px;background:rgba(10,14,23,0.6);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:var(--text-white);font-family:inherit;font-size:1rem;transition:var(--transition-normal);} .form-control:focus {border-color:var(--primary-cyan);outline:none;box-shadow:0 0 0 3px rgba(0,229,255,0.1);} .form-control::placeholder {color:rgba(255,255,255,0.3);} textarea.form-control {min-height:120px;resize:vertical;} select.form-control option {color:var(--text-white);background:var(--dark-bg);} .portfolio-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:32px;} .portfolio-card {background:var(--card-bg);border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,0.06);transition:var(--transition-normal);} .portfolio-card:hover {transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,229,255,0.1);border-color:rgba(0,229,255,0.2);} .portfolio-image {position:relative;height:240px;overflow:hidden;} .portfolio-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;} .portfolio-card:hover .portfolio-image img {transform:scale(1.08);} .portfolio-overlay {position:absolute;inset:0;background:linear-gradient(to top,rgba(10,14,23,0.9) 0%,transparent 60%);display:flex;align-items:flex-end;justify-content:space-between;padding:20px;opacity:0;transition:opacity 0.3s ease;} .portfolio-card:hover .portfolio-overlay {opacity:1;} .portfolio-category {background:var(--gradient-cyan-blue);color:#fff;padding:4px 14px;border-radius:20px;font-size:0.8rem;font-weight:600;} .portfolio-link {width:40px;height:40px;background:rgba(255,255,255,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;backdrop-filter:blur(8px);transition:var(--transition-normal);} .portfolio-link:hover {background:var(--primary-cyan);color:var(--dark-bg);} .portfolio-info {padding:24px;} .portfolio-info h2,.portfolio-info h3 {font-size:1.2rem;margin-bottom:8px;color:var(--text-white);} .portfolio-info p {color:var(--text-muted);font-size:0.9rem;line-height:1.6;margin-bottom:16px;} .portfolio-tags {display:flex;gap:8px;flex-wrap:wrap;} .portfolio-tags span {background:rgba(0,229,255,0.1);color:var(--primary-cyan);padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:500;border:1px solid rgba(0,229,255,0.15);} .process-grid {display:flex;align-items:flex-start;justify-content:center;gap:0;flex-wrap:wrap;} .process-step {flex:1;min-width:200px;max-width:260px;text-align:center;padding:32px 20px;background:var(--card-bg);border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,0.06);position:relative;transition:var(--transition-normal);} .process-step:hover {transform:translateY(-6px);border-color:rgba(0,229,255,0.2);box-shadow:0 12px 30px rgba(0,229,255,0.08);} .step-number {position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:var(--gradient-cyan-blue);color:var(--dark-bg);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.85rem;} .step-icon {font-size:2.2rem;color:var(--primary-cyan);margin:16px 0;} .process-step h3 {font-size:1.1rem;margin-bottom:8px;color:var(--text-white);} .process-step p {color:var(--text-muted);font-size:0.88rem;line-height:1.6;} .process-connector {display:flex;align-items:center;justify-content:center;padding:0 8px;color:rgba(0,229,255,0.4);font-size:1.2rem;margin-top:60px;} .pricing-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:stretch;} .pricing-card {background:var(--card-bg);border-radius:var(--border-radius-lg);padding:40px 32px;border:1px solid rgba(255,255,255,0.06);text-align:center;transition:var(--transition-normal);position:relative;display:flex;flex-direction:column;} .pricing-card:hover {transform:translateY(-8px);border-color:rgba(0,229,255,0.2);box-shadow:0 20px 40px rgba(0,229,255,0.08);} .pricing-card.featured {border-color:var(--primary-cyan);box-shadow:0 0 40px rgba(0,229,255,0.1);transform:scale(1.05);z-index:2;} .pricing-card.featured:hover {transform:scale(1.05) translateY(-8px);} .pricing-badge {position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--gradient-cyan-blue);color:var(--dark-bg);padding:6px 24px;border-radius:20px;font-size:0.8rem;font-weight:700;white-space:nowrap;} .pricing-header {margin-bottom:28px;} .pricing-header h3 {font-size:1.4rem;color:var(--text-white);margin-bottom:4px;} .pricing-subtitle {color:var(--text-muted);font-size:0.85rem;margin-bottom:20px;} .pricing-amount {display:flex;align-items:baseline;justify-content:center;gap:4px;} .currency {font-size:1.5rem;font-weight:700;color:var(--primary-cyan);} .price {font-size:3rem;font-weight:800;background:var(--gradient-cyan-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;} .period {color:var(--text-muted);font-size:0.85rem;} .pricing-features {list-style:none;text-align:left;padding:0;margin-bottom:28px;flex:1;} .pricing-features li {padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.05);color:var(--text-light);font-size:0.9rem;display:flex;align-items:center;gap:10px;} .pricing-features li i {color:var(--primary-cyan);font-size:0.8rem;width:16px;text-align:center;} .pricing-features li.disabled {color:var(--text-muted);} .pricing-features li.disabled i {color:var(--text-muted);} .pricing-btn {width:100%;margin-top:auto;} .team-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:32px;} .team-card {background:var(--card-bg);border-radius:var(--border-radius-lg);padding:32px 24px;text-align:center;border:1px solid rgba(255,255,255,0.06);transition:var(--transition-normal);} .team-card:hover {transform:translateY(-8px);border-color:rgba(0,229,255,0.2);box-shadow:0 20px 40px rgba(0,229,255,0.08);} .team-image {position:relative;width:120px;height:120px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:3px solid rgba(0,229,255,0.3);} .team-image img {width:100%;height:100%;object-fit:cover;} .team-socials {position:absolute;inset:0;background:rgba(10,14,23,0.8);display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity 0.3s ease;} .team-card:hover .team-socials {opacity:1;} .team-socials a {width:36px;height:36px;background:var(--gradient-cyan-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dark-bg);font-size:0.85rem;transition:transform 0.2s ease;} .team-socials a:hover {transform:scale(1.15);} .team-card h3 {font-size:1.15rem;color:var(--text-white);margin-bottom:4px;} .team-role {color:var(--primary-cyan);font-size:0.85rem;font-weight:600;margin-bottom:12px;} .team-bio {color:var(--text-muted);font-size:0.88rem;line-height:1.6;} .faq-container {max-width:800px;margin:0 auto;} .faq-item {margin-bottom:12px;border:1px solid rgba(255,255,255,0.06);border-radius:12px;overflow:hidden;background:var(--card-bg);transition:var(--transition-normal);} .faq-item:hover {border-color:rgba(0,229,255,0.15);} .faq-item.active {border-color:rgba(0,229,255,0.3);box-shadow:0 4px 20px rgba(0,229,255,0.05);} .faq-question {width:100%;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;background:none;border:none;color:var(--text-white);font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;text-align:left;transition:color 0.2s ease;} .faq-question:hover {color:var(--primary-cyan);} .faq-icon {font-size:0.85rem;color:var(--primary-cyan);transition:transform 0.3s ease;} .faq-item.active .faq-icon {transform:rotate(180deg);} .faq-answer {max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s ease;} .faq-item.active .faq-answer {max-height:300px;} .faq-answer p {padding:0 24px 20px;color:var(--text-muted);font-size:0.92rem;line-height:1.7;} .back-to-top {position:fixed;bottom:100px;right:30px;width:48px;height:48px;background:var(--gradient-cyan-blue);color:var(--dark-bg);border:none;border-radius:50%;font-size:1.1rem;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s ease;z-index:99;box-shadow:0 4px 15px rgba(0,229,255,0.3);} .back-to-top.visible {opacity:1;visibility:visible;transform:translateY(0);} .back-to-top:hover {transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,229,255,0.4);} .cookie-banner {position:fixed;bottom:0;left:0;right:0;background:rgba(17,24,39,0.98);backdrop-filter:blur(12px);border-top:1px solid rgba(0,229,255,0.15);padding:20px 0;z-index:9999;transform:translateY(100%);transition:transform 0.5s ease;} .cookie-banner.visible {transform:translateY(0);} .cookie-content {max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;} .cookie-content p {color:var(--text-light);font-size:0.9rem;flex:1;min-width:300px;} .cookie-content p i {color:var(--primary-cyan);margin-right:8px;} .cookie-content p a {color:var(--primary-cyan);text-decoration:underline;} .cookie-buttons {display:flex;gap:10px;} .cookie-btn {padding:10px 24px !important;font-size:0.85rem !important;} @media screen and (max-width:992px) {.stats-grid {grid-template-columns:repeat(2,1fr);} .portfolio-grid {grid-template-columns:1fr;} .pricing-grid {grid-template-columns:1fr;max-width:400px;margin:0 auto;} .pricing-card.featured {transform:none;} .pricing-card.featured:hover {transform:translateY(-8px);} .team-grid {grid-template-columns:repeat(2,1fr);} .process-connector {display:none;} .process-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:24px;} .process-step {max-width:100%;}} @media screen and (max-width:768px) {.stats-grid {grid-template-columns:repeat(2,1fr);gap:16px;} .stat-number {font-size:2.2rem;} .team-grid {grid-template-columns:1fr;max-width:360px;margin:0 auto;} .process-grid {grid-template-columns:1fr;max-width:320px;margin:0 auto;} .hero-badge {font-size:0.75rem;padding:6px 14px;} .back-to-top {bottom:80px;right:20px;width:42px;height:42px;} .cookie-content {flex-direction:column;text-align:center;} .cookie-content p {min-width:0;}} @media screen and (max-width:480px) {.stats-grid {grid-template-columns:1fr 1fr;gap:12px;} .stat-item {padding:16px 8px;} .stat-number {font-size:1.8rem;}} .mobile-sticky-cta {position:fixed;bottom:0;left:0;width:100%;padding:15px 20px;background:rgba(10,14,23,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:center;box-shadow:0 -5px 20px rgba(0,0,0,0.3);border-top:1px solid rgba(255,255,255,0.05);transform:translateY(100%);transition:transform 0.3s ease;} .mobile-sticky-cta .sticky-btn {width:100%;max-width:400px;box-shadow:0 0 15px rgba(0,229,255,0.3);} @media (max-width:768px) {.mobile-sticky-cta {transform:translateY(0);} footer {padding-bottom:80px;}} .service-card {position:relative;transition:transform 0.3s ease,background 0.3s ease;} .service-card:hover {transform:translateY(-5px);background:rgba(255,255,255,0.03);} .service-link::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:pointer;} .fomo-badge {display:inline-flex;align-items:center;background:linear-gradient(135deg,#ff5722,#ff3d00);border:1px solid rgba(255,255,255,0.2);color:#fff;padding:10px 24px;border-radius:50px;font-size:1rem;font-weight:700;margin-bottom:24px;box-shadow:0 4px 15px rgba(255,87,34,0.5);animation:pulse-orange 2s infinite;text-shadow:0 1px 2px rgba(0,0,0,0.3);letter-spacing:0.5px;position:relative;overflow:hidden;} .fomo-badge::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:shine 3s infinite;} .fomo-badge i {margin-right:12px;font-size:1.2rem;animation:bounce-fire 1.5s infinite ease-in-out;} @keyframes shine {0% {left:-100%;} 20% {left:100%;} 100% {left:100%;}} @keyframes bounce-fire {0%,100% {transform:scale(1);} 50% {transform:scale(1.3);}} @keyframes pulse-orange {0% {box-shadow:0 0 0 0 rgba(255,87,34,0.7);} 70% {box-shadow:0 0 0 15px rgba(255,87,34,0);} 100% {box-shadow:0 0 0 0 rgba(255,87,34,0);}} .process-steps {display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;margin-top:60px;} .process-steps::before {content:'';position:absolute;top:50px;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,var(--primary-cyan),transparent);z-index:0;opacity:0.3;} .process-step {position:relative;text-align:center;z-index:1;padding:30px 20px;background:rgba(255,255,255,0.02);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.05);border-radius:20px;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);overflow:hidden;} .process-step:hover {transform:translateY(-15px);background:rgba(255,255,255,0.05);border-color:rgba(0,229,255,0.3);box-shadow:0 15px 40px rgba(0,0,0,0.4),inset 0 0 20px rgba(0,229,255,0.05);} .step-icon {width:90px;height:90px;background:var(--dark-bg);border:2px solid rgba(0,229,255,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:2rem;color:var(--primary-cyan);position:relative;z-index:2;transition:all 0.4s ease;box-shadow:0 0 20px rgba(0,229,255,0.1);} .process-step:hover .step-icon {background:var(--gradient-cyan-blue);color:#fff;border-color:transparent;transform:scale(1.1) rotate(5deg);box-shadow:0 0 30px rgba(0,229,255,0.6);} .step-number {position:absolute;top:-10px;right:10px;font-size:5rem;font-weight:800;color:rgba(255,255,255,0.02);z-index:0;line-height:1;transition:all 0.4s ease;background:none;width:auto;height:auto;border-radius:0;} .process-step:hover .step-number {color:rgba(255,255,255,0.08);transform:scale(1.1) translate(-5px,5px);} .process-step h3 {font-size:1.4rem;margin-bottom:15px;color:var(--text-white);position:relative;z-index:2;} .process-step p {font-size:0.95rem;color:var(--text-muted);line-height:1.6;position:relative;z-index:2;} @media (max-width:900px) {.process-steps {grid-template-columns:repeat(2,1fr);} .process-steps::before {display:none;}} @media (max-width:600px) {.process-steps {grid-template-columns:1fr;gap:40px;}} @keyframes pulse-green {0% {box-shadow:0 0 0 0 rgba(0,230,118,0.7);} 70% {box-shadow:0 0 0 6px rgba(0,230,118,0);} 100% {box-shadow:0 0 0 0 rgba(0,230,118,0);}}