*{ margin:0; padding:0; box-sizing:border-box;}body{ font-family:'Poppins', sans-serif; line-height:1.6; color:#333; overflow-x:hidden;}.container{ max-width:1200px; margin:0 auto; padding:0 20px;}.navbar{ position:fixed; top:0; width:100%; background:rgba(255, 255, 255, 0.95); backdrop-filter:blur(10px); z-index:1000; padding:1rem 0; transition:all 0.3s ease;}.nav-container{ max-width:1200px; margin:0 auto; padding:0 20px; display:flex; justify-content:space-between; align-items:center;}.nav-logo h2{ color:#2563eb; font-weight:700; font-size:1.5rem;}.nav-menu{ display:flex; list-style:none; gap:2rem;}.nav-menu a{ text-decoration:none; color:#333; font-weight:500; transition:color 0.3s ease;}.nav-menu a:hover{ color:#2563eb;}.hamburger{ display:none; flex-direction:column; cursor:pointer; position:relative; z-index:1001; padding:5px; border-radius:5px; transition:all 0.3s ease;}.hamburger:hover{ background:rgba(37, 99, 235, 0.1); transform:scale(1.05);}.hamburger:active{ background:rgba(37, 99, 235, 0.2); transform:scale(0.95);}.hamburger span{ width:25px; height:3px; background:#333; margin:3px 0; transition:0.3s; border-radius:2px;}@media (max-width:768px){ .services-hero, .projects-hero{ min-height:auto; padding:100px 0 50px; } .services-hero-title, .projects-hero-title{ font-size:2.2rem !important; line-height:1.2; margin-bottom:1rem; } .services-hero-subtitle, .projects-hero-subtitle{ font-size:1rem !important; margin-bottom:2rem; padding:0 10px; } .services-stats, .projects-stats{ flex-direction:column; gap:1.5rem !important; align-items:center; margin-top:1.5rem; } .stat-number{ font-size:2rem !important; } .hamburger{ display:flex !important; min-width:44px; min-height:44px; align-items:center; justify-content:center; touch-action:manipulation; cursor:pointer; z-index:1001; position:relative; background:transparent; border:none; outline:none; -webkit-tap-highlight-color:transparent; padding:8px; border-radius:5px; transition:all 0.3s ease; } .hamburger:hover{ background:rgba(37, 99, 235, 0.1); transform:scale(1.05); } .hamburger:active{ background:rgba(37, 99, 235, 0.2); transform:scale(0.95); } .nav-menu{ position:fixed; left:-100%; top:70px; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; background-color:rgba(255, 255, 255, 0.96); width:100%; height:calc(100vh - 70px); transition:0.3s ease-in-out; box-shadow:0 10px 27px rgba(0, 0, 0, 0.05); backdrop-filter:blur(15px); border-top:1px solid rgba(0, 0, 0, 0.05); z-index:999; overflow-y:auto; padding:3rem 1.5rem; gap:0.8rem; } .nav-menu.active{ left:0; } .nav-menu li{ margin:0; list-style:none; width:100%; } .nav-menu a{ font-size:1.25rem; font-weight:600; padding:0.9rem 1.2rem; display:flex; align-items:center; gap:1.2rem; border-radius:12px; transition:all 0.3s ease; text-decoration:none; color:#475569; } .nav-menu a::before{ font-family:"Font Awesome 5 Free"; font-weight:900; font-size:1.2rem; width:24px; display:inline-block; color:#94a3b8; transition:color 0.3s ease; } .nav-menu li:nth-child(1) a::before{content:"\f015";} .nav-menu li:nth-child(2) a::before{content:"\f085";} .nav-menu li:nth-child(3) a::before{content:"\f0ae";} .nav-menu li:nth-child(4) a::before{content:"\f05a";} .nav-menu li:nth-child(5) a::before{content:"\f0e0";} .nav-menu a:hover{ background:rgba(37, 99, 235, 0.05); color:#2563eb; transform:translateX(6px); } .nav-menu a:hover::before{ color:#2563eb; } .nav-menu a.active{ color:#2563eb; background:rgba(37, 99, 235, 0.08); } .nav-menu a.active::before{ color:#2563eb; } .hamburger.active span:nth-child(1){ transform:rotate(-45deg) translate(-5px, 6px); } .hamburger.active span:nth-child(2){ opacity:0; } .hamburger.active span:nth-child(3){ transform:rotate(45deg) translate(-5px, -6px); }}.hero{ min-height:100vh; display:flex; align-items:center; justify-content:center; text-align:center; color:white; position:relative; overflow:hidden;}.hero-background{ position:absolute; top:0; left:0; width:100%; height:100%; background-image:url('https://images.unsplash.com/photo-1542831371-29b0f74f9713?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80'); background-size:cover; background-position:center; transform:translateZ(-1px) scale(1.5); z-index:-2;}.hero::before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:-1;}.hero-content{ max-width:1200px; margin:0 auto; padding:0 20px; animation:fadeIn 1.5s ease-out;}.hero-title{ font-family:'Montserrat', sans-serif; font-size:4.5rem; font-weight:700; margin-bottom:1rem; line-height:1.2; text-shadow:2px 2px 8px rgba(0,0,0,0.7); animation:slideInDown 1s ease-out;}.hero-subtitle-text{ font-size:1.8rem; margin-bottom:2rem; opacity:0.9; animation:slideInUp 1s ease-out;}.btn{ padding:12px 30px; border-radius:50px; text-decoration:none; font-weight:600; transition:all 0.3s ease; display:inline-block; border:none; cursor:pointer; font-size:1rem;}.btn-primary{ background:#2563eb; color:white;}.btn-primary:hover{ background:#1d4ed8; transform:translateY(-2px); box-shadow:0 10px 20px rgba(37, 99, 235, 0.3);}.btn-secondary{ background-color:gray; color:black; border:2px solid gray; transition:all 0.3s ease; padding:10px 20px; border-radius:5px; cursor:pointer; font-weight:500;}.btn-secondary:hover{ background-color:#0c4da2; color:white; border-color:#0c4da2; transform:translateY(-2px); box-shadow:0 6px 12px rgba(12, 77, 162, 0.4);}@keyframes fadeIn{ from{opacity:0;} to{opacity:1;}}@keyframes slideInDown{ from{transform:translateY(-50px);opacity:0;} to{transform:translateY(0);opacity:1;}}@keyframes slideInUp{ from{transform:translateY(50px);opacity:0;} to{transform:translateY(0);opacity:1;}}@keyframes fadeInUp{ from{transform:translateY(20px);opacity:0;} to{transform:translateY(0);opacity:1;}}.services-hero{ min-height:70vh; background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%); display:flex; align-items:center; position:relative; overflow:hidden; padding:100px 0 80px;}.services-hero-content{ text-align:center; color:white; position:relative; z-index:2;}.services-hero-title{ font-family:'Montserrat', sans-serif; font-size:4rem; font-weight:700; margin-bottom:2rem; animation:slideInDown 1s ease-out;}.services-hero-subtitle{ font-size:1.4rem; margin-bottom:4rem; opacity:0.9; max-width:900px; margin-left:auto; margin-right:auto; animation:slideInUp 1s ease-out; line-height:1.6;}.services-stats{ display:flex; justify-content:center; gap:4rem; margin-top:3rem; animation:fadeInUp 1.2s ease-out;}.floating-elements{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:1;}.floating-icon{ position:absolute; color:rgba(255, 255, 255, 0.2); font-size:2rem; animation:float 8s ease-in-out infinite;}.floating-icon:nth-child(1){ top:20%; left:10%; animation-delay:0s;}.floating-icon:nth-child(2){ top:60%; right:15%; animation-delay:1.5s;}.floating-icon:nth-child(3){ bottom:30%; left:20%; animation-delay:3s;}.floating-icon:nth-child(4){ top:40%; right:25%; animation-delay:4.5s;}.floating-icon:nth-child(5){ bottom:20%; right:10%; animation-delay:6s;}.floating-icon:nth-child(6){ top:80%; left:30%; animation-delay:7.5s;}@keyframes float{ 0%, 100%{transform:translateY(0px) rotate(0deg);opacity:0.2;} 50%{transform:translateY(-30px) rotate(180deg);opacity:0.4;}}.services{ padding:100px 0; background:#f8fafc;}.services-header{ text-align:center; margin-bottom:4rem;}.service-categories{ display:flex; justify-content:center; gap:1rem; flex-wrap:wrap; margin-bottom:3rem;}.service-category-btn{ background:white; border:2px solid #e2e8f0; color:#64748b; padding:0.75rem 1.5rem; border-radius:50px; font-weight:500; cursor:pointer; transition:all 0.3s ease; display:flex; align-items:center; gap:0.5rem; box-shadow:0 2px 10px rgba(0, 0, 0, 0.05);}.service-category-btn:hover{ background:#2563eb; color:white; border-color:#2563eb; transform:translateY(-2px); box-shadow:0 10px 20px rgba(37, 99, 235, 0.2);}.service-category-btn.active{ background:#2563eb; color:white; border-color:#2563eb; box-shadow:0 10px 20px rgba(37, 99, 235, 0.3);}.service-category-btn i{ font-size:0.9rem;}.services-grid{ display:grid; grid-template-columns:repeat(2, 1fr); gap:2.5rem; margin-bottom:4rem;}.service-card{ background:white; border-radius:25px; overflow:hidden; box-shadow:0 15px 35px rgba(0, 0, 0, 0.1); transition:all 0.4s ease; position:relative;}.service-card:hover{ transform:translateY(-15px); box-shadow:0 25px 50px rgba(0, 0, 0, 0.15);}.service-card-header{ background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding:2rem; position:relative; display:flex; justify-content:space-between; align-items:center;}.service-icon{ width:60px; height:60px; background:rgba(255, 255, 255, 0.2); border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; font-size:1.5rem; backdrop-filter:blur(10px);}.service-badge{ background:rgba(255, 255, 255, 0.2); color:white; padding:0.5rem 1rem; border-radius:20px; font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.5px; backdrop-filter:blur(10px);}.service-content{ padding:2rem;}.service-content h3{ font-size:1.5rem; font-weight:600; color:#1e293b; margin-bottom:1rem;}.service-content p{ color:#64748b; margin-bottom:1.5rem; line-height:1.6;}.service-features{ display:flex; flex-direction:column; gap:0.5rem; margin-bottom:1.5rem;}.service-features span{ color:#475569; font-size:0.9rem; display:flex; align-items:center; gap:0.5rem;}.service-features i{ color:#10b981; font-size:0.8rem;}.service-tech{ display:flex; gap:0.5rem; flex-wrap:wrap; margin-bottom:1.5rem;}.service-tech span{ background:#e2e8f0; color:#475569; padding:0.5rem 1rem; border-radius:20px; font-size:0.875rem; font-weight:500; transition:all 0.3s ease;}.service-tech span:hover{ background:#2563eb; color:white; transform:translateY(-2px);}.service-actions{ display:flex; gap:1rem; align-items:center;}.service-details-btn{ border:2px solid #e2e8f0; color:#64748b; padding:0.75rem 1.5rem; border-radius:25px; font-size:0.875rem; font-weight:500; cursor:pointer; transition:all 0.3s ease; display:flex; align-items:center; gap:0.5rem; white-space:nowrap;}.service-details-btn:hover{ background:#2563eb; color:white; border-color:#2563eb; transform:translateY(-2px);}.service-cta-btn{ background:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%); color:#1e293b; text-decoration:none; padding:0.75rem 1.5rem; border-radius:25px; font-size:0.875rem; font-weight:600; transition:all 0.3s ease; display:flex; align-items:center; gap:0.5rem; white-space:nowrap;}.service-cta-btn:hover{ background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%); transform:translateY(-2px); box-shadow:0 10px 20px rgba(251, 191, 36, 0.3);}@media (max-width:768px){ .service-actions{ flex-direction:column; align-items:stretch; gap:0.75rem; } .service-details-btn, .service-cta-btn{ justify-content:center; width:100%; }}.process-section{ background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%); padding:5rem 2rem; border-radius:30px; margin:4rem 0; position:relative; overflow:hidden; box-shadow:0 20px 40px rgba(102, 126, 234, 0.3);}.process-section::before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(45deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); pointer-events:none;}.process-section::after{ content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%); animation:rotate 25s linear infinite; pointer-events:none;}.process-title{ text-align:center; font-size:3rem; font-weight:700; color:white; margin-bottom:4rem; position:relative; z-index:2; text-shadow:0 2px 10px rgba(0, 0, 0, 0.3);}.process-steps{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:3rem; position:relative; z-index:2;}.process-step{ text-align:center; padding:3rem 2rem; position:relative; transition:all 0.4s ease; background:rgba(255, 255, 255, 0.1); border-radius:25px; backdrop-filter:blur(10px); border:1px solid rgba(255, 255, 255, 0.2);}.process-step:hover{ transform:translateY(-10px) scale(1.02); background:rgba(255, 255, 255, 0.15); box-shadow:0 20px 40px rgba(0, 0, 0, 0.2);}.process-step::before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); border-radius:25px; opacity:0; transition:opacity 0.3s ease;}.process-step:hover::before{ opacity:1;}.step-number{ background:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%); color:#1e293b; width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.4rem; margin:0 auto 1.5rem; box-shadow:0 10px 20px rgba(251, 191, 36, 0.4); position:relative; z-index:2;}.step-icon{ width:100px; height:100px; background:rgba(255, 255, 255, 0.2); border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; font-size:2.5rem; margin:0 auto 2rem; box-shadow:0 15px 30px rgba(0, 0, 0, 0.2); backdrop-filter:blur(10px); border:2px solid rgba(255, 255, 255, 0.3); position:relative; z-index:2; transition:all 0.3s ease;}.process-step:hover .step-icon{ transform:scale(1.1); box-shadow:0 20px 40px rgba(0, 0, 0, 0.3);}.process-step h4{ font-size:1.5rem; font-weight:600; color:white; margin-bottom:1.5rem; position:relative; z-index:2; text-shadow:0 2px 5px rgba(0, 0, 0, 0.3);}.process-step p{ color:rgba(255, 255, 255, 0.9); line-height:1.6; position:relative; z-index:2; font-size:1.1rem;}.process-steps::before{ content:''; position:absolute; top:50%; left:0; right:0; height:2px; background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%); z-index:1; transform:translateY(-50%);}@media (max-width:768px){ .process-steps::before{ display:none; } .process-steps{ grid-template-columns:1fr; gap:2rem; } .process-step{ padding:2rem 1.5rem; } .process-title{ font-size:2.5rem; }}.services-cta{ text-align:center; background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%); padding:5rem 2rem; border-radius:30px; margin-top:4rem; position:relative; overflow:hidden; box-shadow:0 20px 40px rgba(102, 126, 234, 0.3);}.services-cta::before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(45deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); pointer-events:none;}.services-cta::after{ content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%); animation:rotate 20s linear infinite; pointer-events:none;}@keyframes rotate{ from{transform:rotate(0deg);} to{transform:rotate(360deg);}}.services-cta h3{ font-size:3rem; font-weight:700; color:white; margin-bottom:1.5rem; position:relative; z-index:2; text-shadow:0 2px 10px rgba(0, 0, 0, 0.3);}.services-cta p{ font-size:1.3rem; color:rgba(255, 255, 255, 0.9); margin-bottom:3rem; max-width:700px; margin-left:auto; margin-right:auto; position:relative; z-index:2; line-height:1.6;}.cta-buttons{ display:flex; justify-content:center; gap:2rem; flex-wrap:wrap; position:relative; z-index:2;}.cta-buttons .btn{ display:flex; align-items:center; gap:0.75rem; padding:1.2rem 2.5rem; font-size:1.1rem; font-weight:600; border-radius:50px; transition:all 0.3s ease; box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);}.cta-buttons .btn-primary{ background:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%); color:#1e293b; border:none;}.cta-buttons .btn-primary:hover{ background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%); transform:translateY(-3px); box-shadow:0 15px 40px rgba(251, 191, 36, 0.4);}.cta-buttons .btn-secondary{ background:rgba(255, 255, 255, 0.2); color:white; border:2px solid rgba(255, 255, 255, 0.3); backdrop-filter:blur(10px);}.cta-buttons .btn-secondary:hover{ background:rgba(255, 255, 255, 0.3); border-color:rgba(255, 255, 255, 0.5); transform:translateY(-3px); box-shadow:0 15px 40px rgba(255, 255, 255, 0.2);}.projects-hero{ min-height:60vh; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); display:flex; align-items:center; position:relative; overflow:hidden; padding:100px 0 60px;}.projects-hero-content{ text-align:center; color:white; position:relative; z-index:2;}.projects-hero-title{ font-family:'Montserrat', sans-serif; font-size:3.5rem; font-weight:700; margin-bottom:1.5rem; animation:slideInDown 1s ease-out;}.projects-hero-subtitle{ font-size:1.3rem; margin-bottom:3rem; opacity:0.9; max-width:800px; margin-left:auto; margin-right:auto; animation:slideInUp 1s ease-out;}.projects-stats{ display:flex; justify-content:center; gap:3rem; margin-top:2rem; animation:fadeInUp 1.2s ease-out;}.stat-item{ text-align:center;}.stat-number{ display:block; font-size:2.5rem; font-weight:700; color:#fbbf24; margin-bottom:0.5rem;}.stat-label{ font-size:1rem; opacity:0.8; font-weight:500;}.floating-shapes{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:1;}.shape{ position:absolute; background:rgba(255, 255, 255, 0.1); border-radius:50%; animation:float 6s ease-in-out infinite;}.shape-1{ width:80px; height:80px; top:20%; left:10%; animation-delay:0s;}.shape-2{ width:120px; height:120px; top:60%; right:15%; animation-delay:2s;}.shape-3{ width:60px; height:60px; bottom:20%; left:20%; animation-delay:4s;}@keyframes float{ 0%, 100%{transform:translateY(0px) rotate(0deg);} 50%{transform:translateY(-20px) rotate(180deg);}}.projects{ padding:100px 0; background:white;}.projects-header{ text-align:center; margin-bottom:4rem;}.section-subtitle{ font-size:1.2rem; color:#64748b; margin-bottom:3rem; max-width:700px; margin-left:auto; margin-right:auto;}.project-categories{ display:flex; justify-content:center; gap:1rem; flex-wrap:wrap; margin-bottom:3rem;}.category-btn{ background:#f8fafc; border:2px solid #e2e8f0; color:#64748b; padding:0.75rem 1.5rem; border-radius:50px; font-weight:500; cursor:pointer; transition:all 0.3s ease; display:flex; align-items:center; gap:0.5rem;}.category-btn:hover{ background:#2563eb; color:white; border-color:#2563eb; transform:translateY(-2px);}.category-btn.active{ background:#2563eb; color:white; border-color:#2563eb;}.category-btn i{ font-size:0.9rem;}.projects-grid{ display:grid; grid-template-columns:repeat(2, 1fr); gap:2.5rem; margin-bottom:4rem;}.project-card{ background:white; border-radius:20px; overflow:hidden; box-shadow:0 10px 30px rgba(0, 0, 0, 0.1); transition:all 0.4s ease; position:relative;}.project-card:hover{ transform:translateY(-15px); box-shadow:0 25px 50px rgba(0, 0, 0, 0.15);}.project-image{ overflow:hidden; position:relative;}.project-image img{ width:100%; height:auto; display:block; transition:transform 0.4s ease;}.project-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(37, 99, 235, 0.9); display:flex; align-items:center; justify-content:center; opacity:0; transition:all 0.3s ease;}.project-card:hover .project-overlay{ opacity:1;}.project-card:hover .project-image img{ transform:scale(1.1);}.project-overlay-content{ color:white; text-align:center; font-weight:600;}.project-overlay-content i{ font-size:2rem; margin-bottom:0.5rem; display:block;}.project-content{ padding:2rem;}.project-header{ display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:1rem;}.project-header h3{ font-size:1.5rem; font-weight:600; color:#1e293b; margin:0;}.project-badge{ background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); color:white; padding:0.25rem 0.75rem; border-radius:20px; font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.5px;}.project-content p{ color:#64748b; margin-bottom:1.5rem; line-height:1.6;}.project-features{ display:flex; flex-direction:column; gap:0.5rem; margin-bottom:1.5rem;}.project-features span{ color:#475569; font-size:0.9rem; display:flex; align-items:center; gap:0.5rem;}.project-features i{ color:#10b981; font-size:0.8rem;}.project-tech{ display:flex; gap:0.5rem; flex-wrap:wrap; margin-bottom:1.5rem;}.project-tech span{ background:#e2e8f0; color:#475569; padding:0.5rem 1rem; border-radius:20px; font-size:0.875rem; font-weight:500; transition:all 0.3s ease;}.project-tech span:hover{ background:#2563eb; color:white; transform:translateY(-2px);}.project-actions{ display:flex; gap:1rem; align-items:center;}.project-link{ color:#2563eb; text-decoration:none; font-weight:600; transition:color 0.3s ease; display:flex; align-items:center; gap:0.5rem;}.project-link:hover{ color:#1d4ed8;}.project-details-btn{ background:transparent; border:2px solid #e2e8f0; color:#64748b; padding:0.5rem 1rem; border-radius:20px; font-size:0.875rem; font-weight:500; cursor:pointer; transition:all 0.3s ease; display:flex; align-items:center; gap:0.5rem;}.project-details-btn:hover{ background:#2563eb; color:white; border-color:#2563eb;}.projects-cta{ text-align:center; background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%); padding:5rem 2rem; border-radius:30px; margin-top:4rem; position:relative; overflow:hidden; box-shadow:0 20px 40px rgba(102, 126, 234, 0.3);}.projects-cta::before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(45deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); pointer-events:none;}.projects-cta::after{ content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%); animation:rotate 20s linear infinite; pointer-events:none;}@keyframes rotate{ from{transform:rotate(0deg);} to{transform:rotate(360deg);}}.projects-cta h3{ font-size:3rem; font-weight:700; color:white; margin-bottom:1.5rem; position:relative; z-index:2; text-shadow:0 2px 10px rgba(0, 0, 0, 0.3);}.projects-cta p{ font-size:1.3rem; color:rgba(255, 255, 255, 0.9); margin-bottom:3rem; max-width:700px; margin-left:auto; margin-right:auto; position:relative; z-index:2; line-height:1.6;}.cta-buttons{ display:flex; justify-content:center; gap:2rem; flex-wrap:wrap; position:relative; z-index:2;}.cta-buttons .btn{ display:flex; align-items:center; gap:0.75rem; padding:1.2rem 2.5rem; font-size:1.1rem; font-weight:600; border-radius:50px; transition:all 0.3s ease; box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);}.cta-buttons .btn-primary{ background:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%); color:#1e293b; border:none;}.cta-buttons .btn-primary:hover{ background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%); transform:translateY(-3px); box-shadow:0 15px 40px rgba(251, 191, 36, 0.4);}.cta-buttons .btn-secondary{ background:rgba(255, 255, 255, 0.2); color:white; border:2px solid rgba(255, 255, 255, 0.3); backdrop-filter:blur(10px);}.cta-buttons .btn-secondary:hover{ background:rgba(255, 255, 255, 0.3); border-color:rgba(255, 255, 255, 0.5); transform:translateY(-3px); box-shadow:0 15px 40px rgba(255, 255, 255, 0.2);}.about-hero{ min-height:80vh; background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%); display:flex; align-items:center; position:relative; overflow:hidden; padding:100px 0 80px;}.about-hero-content{ text-align:center; color:white; position:relative; z-index:2;}.about-hero-title{ font-family:'Montserrat', sans-serif; font-size:4.5rem; font-weight:700; margin-bottom:2rem; animation:slideInDown 1s ease-out;}.about-hero-subtitle{ font-size:1.4rem; margin-bottom:4rem; opacity:0.9; max-width:900px; margin-left:auto; margin-right:auto; animation:slideInUp 1s ease-out; line-height:1.6;}.about-hero-stats{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:3rem; margin-top:3rem; animation:fadeInUp 1.2s ease-out;}.hero-stat-item{ text-align:center;}.hero-stat-number{ display:block; font-size:3rem; font-weight:700; color:#fbbf24; margin-bottom:0.5rem;}.hero-stat-label{ font-size:1.1rem; opacity:0.9; font-weight:500;}.about-hero-shapes{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:1;}.hero-shape{ position:absolute; background:rgba(255, 255, 255, 0.1); border-radius:50%; animation:float 10s ease-in-out infinite;}.shape-1{ width:100px; height:100px; top:20%; left:10%; animation-delay:0s;}.shape-2{ width:150px; height:150px; top:60%; right:15%; animation-delay:2.5s;}.shape-3{ width:80px; height:80px; bottom:30%; left:20%; animation-delay:5s;}.shape-4{ width:120px; height:120px; top:40%; right:25%; animation-delay:7.5s;}.about{ padding:100px 0; background:#f8fafc;}.about-content{ display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center;}.about-badge{ background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); color:white; padding:0.5rem 1.5rem; border-radius:25px; font-size:0.875rem; font-weight:600; text-transform:uppercase; letter-spacing:0.5px; display:inline-block; margin-bottom:1rem;}.about-text h2{ font-size:3rem; font-weight:700; margin-bottom:1.5rem; color:#1e293b;}.about-lead{ font-size:1.2rem; color:#64748b; margin-bottom:2rem; line-height:1.6;}.about-features{ display:flex; flex-direction:column; gap:1.5rem; margin-bottom:2rem;}.about-feature{ display:flex; align-items:flex-start; gap:1rem;}.feature-icon{ width:50px; height:50px; background:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%); border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; font-size:1.2rem; flex-shrink:0;}.feature-content h4{ font-size:1.1rem; font-weight:600; color:#1e293b; margin-bottom:0.5rem;}.feature-content p{ color:#64748b; line-height:1.5;}.about-description{ color:#64748b; margin-bottom:2rem; line-height:1.6;}.about-cta{ display:flex; gap:1rem; flex-wrap:wrap;}.about-cta .btn{ min-width:180px; justify-content:center;}.about-cta .btn-secondary{ background:rgba(255, 255, 255, 0.15); color:#1e293b; border:2px solid rgba(37, 99, 235, 0.3); backdrop-filter:blur(10px);}.about-cta .btn-secondary:hover{ background:rgba(37, 99, 235, 0.1); color:#1e293b; border-color:rgba(37, 99, 235, 0.5); transform:translateY(-2px); box-shadow:0 10px 20px rgba(37, 99, 235, 0.2);}.about-image{ position:relative; border-radius:20px; overflow:hidden; box-shadow:0 20px 40px rgba(0, 0, 0, 0.1);}.about-image img{ width:100%; height:auto; display:block;}.about-image-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(37, 99, 235, 0.9); display:flex; align-items:center; justify-content:center; opacity:0; transition:all 0.3s ease; cursor:pointer;}.about-image:hover .about-image-overlay{ opacity:1;}.overlay-content{ color:white; text-align:center; font-weight:600;}.overlay-content i{ font-size:3rem; margin-bottom:1rem; display:block;}.values-section{ padding:100px 0; background:white;}.values-header{ text-align:center; margin-bottom:4rem;}.values-header h2{ font-size:3rem; font-weight:700; color:#1e293b; margin-bottom:1rem;}.values-header p{ font-size:1.2rem; color:#64748b; max-width:600px; margin:0 auto;}.values-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(350px, 1fr)); gap:2rem;}.value-card{ background:white; padding:3rem 2rem; border-radius:20px; text-align:center; box-shadow:0 10px 30px rgba(0, 0, 0, 0.1); transition:all 0.3s ease; border:1px solid #e2e8f0;}.value-card:hover{ transform:translateY(-10px); box-shadow:0 20px 40px rgba(0, 0, 0, 0.15);}.value-icon{ width:80px; height:80px; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; font-size:2rem; margin:0 auto 2rem; box-shadow:0 10px 20px rgba(102, 126, 234, 0.3);}.value-card h3{ font-size:1.5rem; font-weight:600; color:#1e293b; margin-bottom:1rem;}.value-card p{ color:#64748b; line-height:1.6;}.timeline-section{ padding:100px 0; background:#f8fafc;}.timeline-header{ text-align:center; margin-bottom:4rem;}.timeline-header h2{ font-size:3rem; font-weight:700; color:#1e293b; margin-bottom:1rem;}.timeline-header p{ font-size:1.2rem; color:#64748b; max-width:600px; margin:0 auto;}.timeline{ position:relative; max-width:800px; margin:0 auto;}.timeline::before{ content:''; position:absolute; left:50%; top:0; bottom:0; width:2px; background:linear-gradient(to bottom, #667eea, #764ba2); transform:translateX(-50%);}.timeline-item{ position:relative; margin-bottom:3rem; display:flex; align-items:center;}.timeline-item:nth-child(odd){ flex-direction:row;}.timeline-item:nth-child(even){ flex-direction:row-reverse;}.timeline-marker{ background:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%); color:#1e293b; width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.1rem; position:relative; z-index:2; box-shadow:0 10px 20px rgba(251, 191, 36, 0.3);}.timeline-content{ background:white; padding:2rem; border-radius:15px; box-shadow:0 10px 30px rgba(0, 0, 0, 0.1); margin:0 2rem; flex:1; position:relative;}.timeline-content h3{ font-size:1.3rem; font-weight:600; color:#1e293b; margin-bottom:0.5rem;}.timeline-content p{ color:#64748b; line-height:1.6;}.team-section{ padding:100px 0; background:white;}.team-header{ text-align:center; margin-bottom:4rem;}.team-header h2{ font-size:3rem; font-weight:700; color:#1e293b; margin-bottom:1rem;}.team-header p{ font-size:1.2rem; color:#64748b; max-width:600px; margin:0 auto;}.team-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:3rem;}.team-member{ text-align:center; background:white; border-radius:20px; overflow:hidden; box-shadow:0 10px 30px rgba(0, 0, 0, 0.1); transition:all 0.3s ease;}.team-member:hover{ transform:translateY(-10px); box-shadow:0 20px 40px rgba(0, 0, 0, 0.15);}.member-image{ position:relative; height:250px; overflow:hidden;}.member-image img{ width:100%; height:100%; object-fit:cover;}.member-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(37, 99, 235, 0.9); display:flex; align-items:center; justify-content:center; opacity:0; transition:all 0.3s ease;}.team-member:hover .member-overlay{ opacity:1;}.social-links{ display:flex; gap:1rem;}.social-links a{ width:50px; height:50px; background:rgba(255, 255, 255, 0.2); border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; text-decoration:none; transition:all 0.3s ease; backdrop-filter:blur(10px);}.social-links a:hover{ background:rgba(255, 255, 255, 0.3); transform:scale(1.1);}.member-info{ padding:2rem;}.member-info h3{ font-size:1.3rem; font-weight:600; color:#1e293b; margin-bottom:0.5rem;}.member-role{ color:#667eea; font-weight:500; margin-bottom:1rem; display:block;}.member-info p{ color:#64748b; line-height:1.6;}.stats-section{ padding:100px 0; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); color:white;}.stats-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:3rem;}.stat-card{ text-align:center; padding:2rem; background:rgba(255, 255, 255, 0.1); border-radius:20px; backdrop-filter:blur(10px); border:1px solid rgba(255, 255, 255, 0.2); transition:all 0.3s ease;}.stat-card:hover{ transform:translateY(-5px); background:rgba(255, 255, 255, 0.15);}.stat-icon{ width:80px; height:80px; background:rgba(255, 255, 255, 0.2); border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; font-size:2rem; margin:0 auto 1.5rem; backdrop-filter:blur(10px);}.stat-number{ font-size:3rem; font-weight:700; color:#fbbf24; margin-bottom:0.5rem; display:block;}.stat-label{ font-size:1.1rem; font-weight:600; margin-bottom:0.5rem; display:block;}.stat-description{ font-size:0.9rem; opacity:0.8; line-height:1.5;}.about-cta-section{ padding:100px 0; background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%); text-align:center;}.about-cta-section .cta-content h2{ font-size:3rem; font-weight:700; color:#fff; margin-bottom:1rem;}.cta-content p{ font-size:1.2rem; color:#fff; margin-bottom:3rem; max-width:600px; margin-left:auto; margin-right:auto;}.cta-buttons{ display:flex; justify-content:center; gap:2rem; flex-wrap:wrap;}@media (max-width:768px){ .about-hero-title{ font-size:3rem; } .about-hero-subtitle{ font-size:1.1rem; } .about-hero-stats{ grid-template-columns:repeat(2, 1fr); gap:2rem; } .about-content{ grid-template-columns:1fr; gap:3rem; } .values-grid{ grid-template-columns:1fr; } .team-grid{ grid-template-columns:1fr; } .stats-grid{ grid-template-columns:repeat(2, 1fr); } .timeline::before{ left:20px; } .timeline-item{ flex-direction:column !important; align-items:flex-start; margin-left:60px; } .timeline-content{ margin:1rem 0 0 0; width:100%; } .cta-content h2{ font-size:2.5rem; }}@media (max-width:480px){ .about-hero-title{ font-size:2.5rem; } .about-hero-subtitle{ font-size:1rem; } .hero-stat-number{ font-size:2.5rem; } .about-text h2{ font-size:2.5rem; } .values-header h2, .timeline-header h2, .team-header h2{ font-size:2.5rem; } .stats-grid{ grid-template-columns:1fr; } .cta-buttons{ flex-direction:column; align-items:center; }}@keyframes fadeInUp{ from{ opacity:0; transform:translateY(30px); } to{ opacity:1; transform:translateY(0); }}.service-card,.project-card{ animation:fadeInUp 0.6s ease-out;}html{ scroll-behavior:smooth;}::-webkit-scrollbar{ width:10px;}::-webkit-scrollbar-track{ background:#f1f1f1;}::-webkit-scrollbar-thumb{ background:#2563eb; border-radius:5px;}::-webkit-scrollbar-thumb:hover{ background:#1d4ed8;}.home-hero{ min-height:100vh; background:linear-gradient(135deg, rgba(102, 126, 234, 0.9) 0%, rgba(118, 75, 162, 0.9) 50%, rgba(240, 147, 251, 0.9) 100%), url('media/homepage-bg.webp'); background-size:cover; background-position:center; background-attachment:fixed; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center;}.home-hero::before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>'); opacity:0.3;}.home-hero-content{ text-align:center; color:white; position:relative; z-index:2; max-width:800px; padding:0 2rem;}.home-hero-title{ font-family:'Montserrat', sans-serif; font-size:4.5rem; font-weight:800; margin-bottom:2rem; background:linear-gradient(45deg, #ffffff, #f0f0f0); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; animation:homeTitleGlow 3s ease-in-out infinite alternate;}@keyframes homeTitleGlow{ 0%{filter:drop-shadow(0 0 20px rgba(255,255,255,0.3));} 100%{filter:drop-shadow(0 0 30px rgba(255,255,255,0.6));}}.home-hero-subtitle{ font-size:1.5rem; margin-bottom:3rem; opacity:0.9; line-height:1.6; animation:homeSubtitleFade 2s ease-out;}@keyframes homeSubtitleFade{ from{opacity:0;transform:translateY(20px);} to{opacity:0.9;transform:translateY(0);}}.home-hero-buttons{ display:flex; gap:2rem; justify-content:center; flex-wrap:wrap; animation:homeButtonsSlide 2.5s ease-out;}@keyframes homeButtonsSlide{ from{opacity:0;transform:translateY(30px);} to{opacity:1;transform:translateY(0);}}.home-hero-btn{ padding:1rem 2.5rem; border-radius:50px; text-decoration:none; font-weight:600; font-size:1.1rem; transition:all 0.3s ease; position:relative; overflow:hidden; min-width:200px; text-align:center;}.home-hero-btn-primary{ background:linear-gradient(45deg, #667eea, #764ba2); color:white; border:2px solid transparent; box-shadow:0 10px 30px rgba(102, 126, 234, 0.4);}.home-hero-btn-primary:hover{ transform:translateY(-5px); box-shadow:0 15px 40px rgba(102, 126, 234, 0.6); background:linear-gradient(45deg, #764ba2, #667eea);}.home-hero-btn-secondary{ background:rgba(255, 255, 255, 0.1); color:white; border:2px solid rgba(255, 255, 255, 0.3); backdrop-filter:blur(10px);}.home-hero-btn-secondary:hover{ background:rgba(255, 255, 255, 0.2); border-color:rgba(255, 255, 255, 0.5); transform:translateY(-5px); box-shadow:0 15px 40px rgba(255, 255, 255, 0.2);}.home-services{ padding:120px 0; background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); position:relative;}.home-services::before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(102,126,234,0.1)"/><circle cx="80" cy="40" r="1.5" fill="rgba(118,75,162,0.1)"/><circle cx="40" cy="80" r="1" fill="rgba(240,147,251,0.1)"/></svg>'); opacity:0.5;}.home-section-title{ text-align:center; font-size:3.5rem; font-weight:700; color:#1e293b; margin-bottom:1rem; position:relative; z-index:2;}.home-section-subtitle{ text-align:center; font-size:1.2rem; color:#64748b; margin-bottom:4rem; max-width:600px; margin-left:auto; margin-right:auto; position:relative; z-index:2;}.home-services-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(350px, 1fr)); gap:2.5rem; position:relative; z-index:2;}.home-service-card{ background:white; padding:3rem 2rem; border-radius:25px; text-align:center; box-shadow:0 15px 35px rgba(0, 0, 0, 0.1); transition:all 0.4s ease; border:1px solid rgba(102, 126, 234, 0.1); position:relative; overflow:hidden;}.home-service-card::before{ content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.1), transparent); transition:left 0.5s ease;}.home-service-card:hover::before{ left:100%;}.home-service-card:hover{ transform:translateY(-15px) scale(1.02); box-shadow:0 25px 50px rgba(102, 126, 234, 0.2); border-color:rgba(102, 126, 234, 0.3);}.home-service-icon{ width:80px; height:80px; background:linear-gradient(135deg, #667eea, #764ba2); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 2rem; font-size:2rem; color:white; transition:all 0.3s ease;}.home-service-card:hover .home-service-icon{ transform:scale(1.1) rotate(5deg); box-shadow:0 10px 25px rgba(102, 126, 234, 0.4);}.home-service-card h3{ font-size:1.5rem; font-weight:600; color:#1e293b; margin-bottom:1rem;}.home-service-card p{ color:#64748b; line-height:1.6; margin-bottom:1.5rem;}.home-service-card ul{ list-style:none; padding:0; text-align:left;}.home-service-card ul li{ padding:0.5rem 0; color:#64748b; position:relative; padding-left:1.5rem;}.home-service-card ul li::before{ content:'✓'; position:absolute; left:0; color:#667eea; font-weight:bold;}.home-projects{ padding:120px 0; background:white; position:relative;}.home-projects-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:2rem;}.home-project-card{ background:white; border-radius:25px; overflow:hidden; box-shadow:0 20px 40px rgba(0, 0, 0, 0.1); transition:all 0.4s ease; border:1px solid #e2e8f0;}.home-project-card:hover{ transform:translateY(-20px); box-shadow:0 30px 60px rgba(102, 126, 234, 0.2);}.home-project-image{ position:relative; overflow:hidden; height:250px;}.home-project-image img{ width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease;}.home-project-card:hover .home-project-image img{ transform:scale(1.1);}.home-project-content{ padding:2rem;}.home-project-content h3{ font-size:1.5rem; font-weight:600; color:#1e293b; margin-bottom:1rem;}.home-project-content p{ color:#64748b; line-height:1.6; margin-bottom:1.5rem;}.home-project-tech{ display:flex; flex-wrap:wrap; gap:0.5rem; margin-bottom:1.5rem;}.home-project-tech span{ background:linear-gradient(135deg, #667eea, #764ba2); color:white; padding:0.5rem 1rem; border-radius:20px; font-size:0.9rem; font-weight:500;}.home-project-link{ display:inline-block; background:rgb(0 0 0 / 14%); color:#000; padding:0.75rem 1.5rem; border-radius:25px; text-decoration:none; font-weight:600; transition:all 0.3s ease;}.home-project-link:hover{ transform:translateY(-2px); box-shadow:0 10px 25px rgba(102, 126, 234, 0.4);}.home-about{ padding:120px 0; background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); position:relative;}.home-about-content{ display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center;}.home-about-text h2{ font-size:3rem; font-weight:700; color:#1e293b; margin-bottom:2rem;}.home-about-text p{ color:#64748b; line-height:1.8; margin-bottom:1.5rem; font-size:1.1rem;}.home-about-stats{ display:grid; grid-template-columns:repeat(3, 1fr); gap:2rem; margin-top:3rem;}.home-stat{ text-align:center; padding:2rem; background:white; border-radius:20px; box-shadow:0 10px 30px rgba(0, 0, 0, 0.1); transition:all 0.3s ease;}.home-stat:hover{ transform:translateY(-10px); box-shadow:0 20px 40px rgba(102, 126, 234, 0.2);}.home-stat h3{ font-size:2.5rem; font-weight:700; color:#667eea; margin-bottom:0.5rem;}.home-stat p{ color:#64748b; font-weight:500;}.home-about-image{ position:relative; border-radius:25px; overflow:hidden; box-shadow:0 20px 40px rgba(0, 0, 0, 0.1);}.home-about-image img{ width:100%; height:auto; display:block;}.home-contact{ padding:120px 0; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); color:white; position:relative;}.home-contact::before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>'); opacity:0.3;}.home-contact-content{ display:grid; grid-template-columns:1fr 1fr; gap:4rem; position:relative; z-index:2;}.home-contact-info h3{ font-size:2.5rem; font-weight:700; margin-bottom:1.5rem;}.home-contact-info p{ font-size:1.2rem; margin-bottom:3rem; opacity:0.9;}.home-contact-details{ display:grid; gap:1.5rem;}.home-contact-item{ display:flex; align-items:center; gap:1rem; padding:1.5rem; background:rgba(255, 255, 255, 0.1); border-radius:15px; backdrop-filter:blur(10px); border:1px solid rgba(255, 255, 255, 0.2); transition:all 0.3s ease;}.home-contact-item:hover{ background:rgba(255, 255, 255, 0.2); transform:translateX(10px);}.home-contact-item i{ font-size:1.5rem; color:#f093fb;}.home-contact-item h4{ font-weight:600; margin-bottom:0.25rem;}.home-contact-item p{ opacity:0.9; margin:0;}.home-contact-form{ background:rgba(255, 255, 255, 0.1); padding:3rem; border-radius:25px; backdrop-filter:blur(10px); border:1px solid rgba(255, 255, 255, 0.2);}.home-form-group{ margin-bottom:1.5rem;}.home-form-group input,.home-form-group textarea{ width:100%; padding:1rem 1.5rem; border:2px solid rgba(255, 255, 255, 0.3); border-radius:15px; background:rgba(255, 255, 255, 0.1); color:white; font-size:1rem; transition:all 0.3s ease;}.home-form-group input::placeholder,.home-form-group textarea::placeholder{ color:rgba(255, 255, 255, 0.7);}.home-form-group input:focus,.home-form-group textarea:focus{ outline:none; border-color:rgba(255, 255, 255, 0.8); background:rgba(255, 255, 255, 0.2);}.home-contact-btn{ background:linear-gradient(135deg, #f093fb, #f5576c); color:white; padding:1rem 2rem; border:none; border-radius:25px; font-size:1.1rem; font-weight:600; cursor:pointer; transition:all 0.3s ease; width:100%;}.home-contact-btn:hover{ transform:translateY(-3px); box-shadow:0 15px 35px rgba(240, 147, 251, 0.4);}@media (max-width:768px){ .home-hero-title{ font-size:3rem; } .home-hero-subtitle{ font-size:1.2rem; } .home-hero-buttons{ flex-direction:column; align-items:center; } .home-services-grid{ grid-template-columns:1fr; } .home-projects-grid{ grid-template-columns:1fr; } .home-about-content{ grid-template-columns:1fr; gap:3rem; } .home-about-stats{ grid-template-columns:1fr; gap:1.5rem; } .home-contact-content{ grid-template-columns:1fr; gap:3rem; } .home-section-title{ font-size:2.5rem; }}@media (max-width:480px){ .home-hero-title{ font-size:2.5rem; } .home-hero-subtitle{ font-size:1.1rem; } .home-hero-btn{ min-width:180px; padding:0.875rem 2rem; } .home-service-card, .home-project-card{ padding:2rem 1.5rem; } .home-contact-form{ padding:2rem 1.5rem; } .home-projects-grid{ grid-template-columns:1fr; }}.footer{ background:linear-gradient(135deg, #1e293b 0%, #334155 100%); color:white; padding:60px 0 20px; position:relative; overflow:hidden;}.footer::before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="footer-dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23footer-dots)"/></svg>'); opacity:0.5;}.footer-content{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:2rem; position:relative; z-index:2;}.footer-section{ position:relative; flex:1; min-width:200px;}.footer-section:first-child{ flex:1; text-align:left; margin-bottom:0;}.footer-section:first-child img{ margin-bottom:1rem; transition:transform 0.3s ease;}.footer-section:first-child img:hover{ transform:scale(1.05);}.footer-section:first-child p{ color:rgba(255, 255, 255, 0.8); font-size:1.1rem; margin-bottom:1.5rem; line-height:1.6;}.footer-section h4{ font-size:1.3rem; font-weight:600; margin-bottom:1.5rem; color:#fbbf24; position:relative;}.footer-section h4::after{ content:''; position:absolute; bottom:-5px; left:0; width:30px; height:2px; background:linear-gradient(90deg, #fbbf24, #f59e0b); border-radius:1px;}.footer-section ul{ list-style:none; padding:0; margin:0;}.footer-section ul li{ margin-bottom:0.75rem;}.footer-section ul li a{ color:rgba(255, 255, 255, 0.8); text-decoration:none; transition:all 0.3s ease; position:relative; padding-left:0;}.footer-section ul li a::before{ content:'→'; position:absolute; left:-15px; opacity:0; transition:all 0.3s ease; color:#fbbf24;}.footer-section ul li a:hover{ color:#fbbf24; padding-left:15px;}.footer-section ul li a:hover::before{ opacity:1;}.footer-section p{ color:rgba(255, 255, 255, 0.8); margin-bottom:0.5rem; line-height:1.6; font-size:0.95rem;}.social-links{ display:flex; justify-content:center; gap:1rem; margin-top:1.5rem;}.social-links a{ display:flex; align-items:center; justify-content:center; width:45px; height:45px; background:rgba(255, 255, 255, 0.1); border-radius:50%; color:white; text-decoration:none; transition:all 0.3s ease; border:1px solid rgba(255, 255, 255, 0.2); backdrop-filter:blur(10px);}.social-links a:hover{ background:linear-gradient(135deg, #fbbf24, #f59e0b); color:#1e293b; transform:translateY(-3px); box-shadow:0 10px 25px rgba(251, 191, 36, 0.3); border-color:transparent;}.social-links a i{ font-size:1.2rem;}.footer-bottom{ margin-top:3rem; padding-top:2rem; border-top:1px solid rgba(255, 255, 255, 0.1); text-align:center; position:relative; z-index:2;}.footer-bottom p{ color:rgba(255, 255, 255, 0.6); font-size:0.9rem; margin:0;}@media (max-width:768px){ .footer{ padding:40px 0 20px; } .footer-content{ display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:2rem; text-align:left; } .footer-section{ width:100%; min-width:unset; } .footer-section:first-child{ text-align:left; margin-bottom:0; }}@media (max-width:480px){ .footer{ padding:30px 0 15px; } .footer-content{ display:grid; grid-template-columns:1fr 1fr; gap:2rem; } .footer-section:nth-child(1){ grid-column:span 2; text-align:center; } .footer-section:nth-child(1) .social-links{ justify-content:center; } .footer-section:nth-child(4){ grid-column:span 2; text-align:center; } .footer-section h4{ font-size:1.2rem; } .social-links a{ width:40px; height:40px; } .social-links a i{ font-size:1.1rem; }}.dropdown{ position:relative;}.dropdown-menu{ position:absolute; top:100%; left:0; background:rgba(255, 255, 255, 0.95); backdrop-filter:blur(10px); border-radius:8px; box-shadow:0 10px 30px rgba(0, 0, 0, 0.1); min-width:200px; opacity:0; visibility:hidden; transform:translateY(-10px); transition:all 0.3s ease; z-index:1000; padding:1rem 0;}.dropdown:hover .dropdown-menu{ opacity:1; visibility:visible; transform:translateY(0);}.dropdown-menu li{ list-style:none;}.dropdown-menu a{ display:block; padding:0.75rem 1.5rem; color:#333; text-decoration:none; transition:all 0.3s ease;}.dropdown-menu a:hover{ background:rgba(37, 99, 235, 0.1); color:#2563eb;}.epaper-hero{ min-height:100vh; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); display:flex; align-items:center; position:relative; overflow:hidden;}.epaper-hero::before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>'); opacity:0.3;}.epaper-hero-content{ display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; max-width:1200px; margin:0 auto; padding:0 2rem; position:relative; z-index:2;}.epaper-hero-text{ color:white;}.epaper-hero-title{ font-size:3.5rem; font-weight:700; margin-bottom:1rem; background:linear-gradient(45deg, #fff, #f0f0f0); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;}.epaper-hero-subtitle{ font-size:1.25rem; margin-bottom:2rem; opacity:0.9;}.epaper-hero-stats{ display:flex; gap:2rem; margin-bottom:2rem;}.epaper-stat{ text-align:center;}.epaper-stat-number{ display:block; font-size:2rem; font-weight:700; color:#ffd700;}.epaper-stat-label{ font-size:0.9rem; opacity:0.8;}.epaper-hero-visual{ flex:1; display:flex; align-items:center; justify-content:center;}.epaper-hero-image{ max-width:100%; height:auto; border-radius:10px; box-shadow:0 8px 30px rgba(0,0,0,0.1);}.epaper-mockup{ background:rgba(255, 255, 255, 0.1); border-radius:20px; padding:2rem; backdrop-filter:blur(10px); border:1px solid rgba(255, 255, 255, 0.2);}.epaper-screen{ background:white; border-radius:15px; padding:1.5rem; box-shadow:0 20px 40px rgba(0, 0, 0, 0.3); min-width:300px;}.epaper-content{ color:#333;}.epaper-header{ border-bottom:2px solid #2563eb; padding-bottom:0.5rem; margin-bottom:1rem;}.epaper-header h3{ color:#2563eb; font-weight:600; margin-bottom:0.25rem;}.epaper-date{ font-size:0.9rem; color:#666;}.epaper-articles{ display:flex; flex-direction:column; gap:1rem;}.epaper-article h4{ color:#333; font-weight:600; margin-bottom:0.5rem;}.epaper-article p{ color:#666; font-size:0.9rem; line-height:1.4;}.epaper-plans{ padding:5rem 0; background:#f8fafc;}.epaper-plans-header{ text-align:center; margin-bottom:3rem;}.epaper-plans-header h2{ font-size:2.5rem; font-weight:700; color:#1e293b; margin-bottom:1rem;}.epaper-plans-header p{ font-size:1.1rem; color:#64748b; max-width:600px; margin:0 auto;}.epaper-plans-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:2rem; max-width:1200px; margin:0 auto; padding:0 2rem;}.epaper-plan-card{ background:white; border-radius:20px; padding:2.5rem; box-shadow:0 10px 30px rgba(0, 0, 0, 0.1); transition:all 0.3s ease; position:relative; overflow:hidden;}.epaper-plan-card::before{ content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg, #2563eb, #3b82f6);}.epaper-plan-card.featured{ transform:scale(1.05); box-shadow:0 20px 40px rgba(37, 99, 235, 0.2); border:2px solid #2563eb;}.epaper-plan-card:hover{ transform:translateY(-10px); box-shadow:0 20px 40px rgba(0, 0, 0, 0.15);}.plan-header{ text-align:center; margin-bottom:2rem;}.plan-header h3{ font-size:1.5rem; font-weight:700; color:#1e293b; margin-bottom:1rem;}.plan-price{ margin-bottom:1rem;}.price-amount{ font-size:2.5rem; font-weight:700; color:#2563eb;}.price-period{ font-size:0.9rem; color:#64748b; margin-left:0.5rem;}.plan-badge{ display:inline-block; padding:0.5rem 1rem; border-radius:25px; font-size:0.8rem; font-weight:600; text-transform:uppercase; letter-spacing:0.5px;}.plan-badge:not(.popular):not(.premium){ background:#e2e8f0; color:#475569;}.plan-badge.popular{ background:linear-gradient(45deg, #2563eb, #3b82f6); color:white;}.plan-badge.premium{ background:linear-gradient(45deg, #f59e0b, #f97316); color:white;}.plan-features{ margin-bottom:2rem;}.plan-features ul{ list-style:none; padding:0;}.plan-features li{ padding:0.75rem 0; border-bottom:1px solid #e2e8f0; display:flex; align-items:center; gap:0.75rem;}.plan-features li:last-child{ border-bottom:none;}.plan-features i{ color:#10b981; font-size:1rem;}.plan-features .cloud-option{ background:linear-gradient(45deg, #3b82f6, #1d4ed8); color:white; padding:0.75rem; border-radius:8px; margin-top:1rem; border:none;}.plan-actions{ display:flex; flex-direction:column; gap:1rem;}.plan-btn{ padding:1rem 2rem; border-radius:10px; text-decoration:none; font-weight:600; text-align:center; transition:all 0.3s ease; border:2px solid transparent;}.plan-btn-primary{ background:linear-gradient(45deg, #2563eb, #3b82f6); color:white;}.plan-btn-primary:hover{ transform:translateY(-2px); box-shadow:0 10px 20px rgba(37, 99, 235, 0.3);}.plan-btn-secondary{ background:transparent; color:#2563eb; border-color:#2563eb;}.plan-btn-secondary:hover{ background:#2563eb; color:white;}.cloud-subscription{ padding:5rem 0; background:linear-gradient(135deg, #1e293b 0%, #334155 100%); color:white;}.cloud-content{ display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; max-width:1200px; margin:0 auto; padding:0 2rem;}.cloud-text h2{ font-size:2.5rem; font-weight:700; margin-bottom:1rem;}.cloud-text p{ font-size:1.1rem; margin-bottom:2rem; opacity:0.9;}.cloud-features{ display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-bottom:2rem;}.cloud-feature{ text-align:center; padding:1.5rem; background:rgba(255, 255, 255, 0.1); border-radius:15px; backdrop-filter:blur(10px);}.cloud-feature i{ font-size:2rem; color:#60a5fa; margin-bottom:1rem;}.cloud-feature h4{ font-weight:600; margin-bottom:0.5rem;}.cloud-feature p{ font-size:0.9rem; opacity:0.8;}.cloud-cta-btn{ display:inline-block; padding:1rem 2rem; background:linear-gradient(45deg, #60a5fa, #3b82f6); color:white; text-decoration:none; border-radius:10px; font-weight:600; transition:all 0.3s ease;}.cloud-cta-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 20px rgba(96, 165, 250, 0.3);}.cloud-visual{ display:flex; justify-content:center;}.cloud-diagram{ display:flex; flex-direction:column; gap:1rem; align-items:center;}.cloud-layer{ background:rgba(255, 255, 255, 0.1); padding:1.5rem; border-radius:15px; text-align:center; backdrop-filter:blur(10px); min-width:200px; transition:all 0.3s ease;}.cloud-layer:hover{ transform:scale(1.05); background:rgba(255, 255, 255, 0.2);}.cloud-layer i{ font-size:2rem; color:#60a5fa; margin-bottom:0.5rem;}.cloud-layer span{ font-weight:600;}.epaper-features{ padding:5rem 0; background:white;}.features-header{ text-align:center; margin-bottom:3rem;}.features-header h2{ font-size:2.5rem; font-weight:700; color:#1e293b; margin-bottom:1rem;}.features-header p{ font-size:1.1rem; color:#64748b; max-width:600px; margin:0 auto;}.features-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:2rem; max-width:1200px; margin:0 auto; padding:0 2rem;}.feature-card{ background:white; padding:2rem; border-radius:15px; box-shadow:0 5px 15px rgba(0, 0, 0, 0.1); transition:all 0.3s ease; text-align:center;}.feature-card:hover{ transform:translateY(-5px); box-shadow:0 10px 25px rgba(0, 0, 0, 0.15);}.feature-icon{ width:80px; height:80px; background:linear-gradient(45deg, #2563eb, #3b82f6); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; color:white; font-size:2rem;}.feature-card h3{ font-size:1.25rem; font-weight:600; color:#1e293b; margin-bottom:1rem;}.feature-card p{ color:#64748b; line-height:1.6;}.epaper-cta{ text-align:center; background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%); padding:5rem 2rem; border-radius:10px; margin-top:4rem; position:relative; overflow:hidden; box-shadow:0 20px 40px rgba(102, 126, 234, 0.3);}.cta-content h2{ font-size:2.5rem; font-weight:700; margin-bottom:1rem;}.cta-content p{ font-size:1.1rem; margin-bottom:2rem; opacity:0.9;}.cta-buttons{ display:flex; gap:1rem; justify-content:center; flex-wrap:wrap;}.cta-btn{ padding:1rem 2rem; border-radius:10px; text-decoration:none; font-weight:600; transition:all 0.3s ease; border:2px solid transparent;}.cta-btn-primary{ background:white; color:#2563eb;}.cta-btn-primary:hover{ transform:translateY(-2px); box-shadow:0 10px 20px rgba(255, 255, 255, 0.3);}.cta-btn-secondary{ background:#4a64bd; color:white; border-color:white;}.cta-btn-secondary:hover{ background:white; color:#2563eb;}.basic-hero, .standard-hero, .plus-hero{ min-height:100vh; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); display:flex; align-items:center; position:relative; overflow:hidden;}.basic-hero-content, .standard-hero-content, .plus-hero-content{ display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; max-width:1200px; margin:0 auto; padding:0 2rem; position:relative; z-index:2;}.basic-hero-text, .standard-hero-text, .plus-hero-text{ color:white;}.basic-hero-title, .standard-hero-title, .plus-hero-title{ font-size:3.5rem; font-weight:700; margin-bottom:1rem; background:linear-gradient(45deg, #fff, #f0f0f0); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;}.basic-hero-subtitle, .standard-hero-subtitle, .plus-hero-subtitle{ font-size:1.25rem; margin-bottom:2rem; opacity:0.9;}.basic-price, .standard-price, .plus-price{ margin-bottom:2rem;}.price-amount{ font-size:2.5rem; font-weight:700; color:#ffd700;}.price-period{ font-size:0.9rem; color:rgba(255, 255, 255, 0.8); margin-left:0.5rem;}.basic-features-preview, .standard-features-preview, .plus-features-preview{ display:flex; flex-wrap:wrap; gap:1rem; margin-bottom:2rem;}.basic-features-preview span, .standard-features-preview span, .plus-features-preview span{ background:rgba(255, 255, 255, 0.2); padding:0.5rem 1rem; border-radius:25px; font-size:0.9rem; backdrop-filter:blur(10px);}.basic-cta, .standard-cta, .plus-cta{ display:flex; gap:1rem; flex-wrap:wrap;}.basic-btn, .standard-btn, .plus-btn{ padding:1rem 2rem; border-radius:10px; text-decoration:none; font-weight:600; transition:all 0.3s ease; border:2px solid transparent;}.basic-btn.primary, .standard-btn.primary, .plus-btn.primary{ background:white; color:#2563eb;}.basic-btn.primary:hover, .standard-btn.primary:hover, .plus-btn.primary:hover{ transform:translateY(-2px); box-shadow:0 10px 20px rgba(255, 255, 255, 0.3);}.basic-btn.secondary, .standard-btn.secondary, .plus-btn.secondary{ background:transparent; color:white; border-color:white;}.basic-btn.secondary:hover, .standard-btn.secondary:hover, .plus-btn.secondary:hover{ background:white; color:#2563eb;}.basic-hero-visual, .standard-hero-visual, .plus-hero-visual{ display:flex; justify-content:center; align-items:center;}.basic-mockup, .standard-mockup, .plus-mockup{ background:rgba(255, 255, 255, 0.1); border-radius:20px; padding:2rem; backdrop-filter:blur(10px); border:1px solid rgba(255, 255, 255, 0.2);}.basic-screen, .standard-screen, .plus-screen{ background:white; border-radius:15px; padding:1.5rem; box-shadow:0 20px 40px rgba(0, 0, 0, 0.3); min-width:300px; color:#333;}.basic-header, .standard-header, .plus-header{ border-bottom:2px solid #2563eb; padding-bottom:0.5rem; margin-bottom:1rem;}.basic-header h3, .standard-header h3, .plus-header h3{ color:#2563eb; font-weight:600; margin-bottom:0.25rem;}.basic-date, .standard-date, .plus-date{ font-size:0.9rem; color:#666;}.standard-stats{ display:flex; gap:1rem; margin-top:0.5rem;}.standard-stats span{ font-size:0.8rem; color:#666;}.plus-premium-badge{ background:linear-gradient(45deg, #f59e0b, #f97316); color:white; padding:0.25rem 0.75rem; border-radius:15px; font-size:0.8rem; font-weight:600; display:inline-flex; align-items:center; gap:0.25rem; margin-top:0.5rem;}.basic-content, .standard-content, .plus-content{ display:flex; flex-direction:column; gap:1rem;}.basic-article, .standard-article, .plus-article{ padding:1rem; border-radius:8px; background:#f8fafc;}.standard-article.featured, .plus-article.featured{ background:linear-gradient(45deg, #2563eb, #3b82f6); color:white;}.article-meta{ display:flex; gap:1rem; margin-top:0.5rem; font-size:0.8rem; opacity:0.7;}.basic-features, .standard-features, .plus-features{ padding:5rem 0; background:white;}.features-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:2rem; max-width:1200px; margin:0 auto; padding:0 2rem;}.feature-item{ background:white; padding:2rem; border-radius:15px; box-shadow:0 5px 15px rgba(0, 0, 0, 0.1); transition:all 0.3s ease; text-align:center;}.feature-item:hover{ transform:translateY(-5px); box-shadow:0 10px 25px rgba(0, 0, 0, 0.15);}.feature-icon{ width:80px; height:80px; background:linear-gradient(45deg, #2563eb, #3b82f6); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; color:white; font-size:2rem;}.feature-item h3{ font-size:1.25rem; font-weight:600; color:#1e293b; margin-bottom:1rem;}.feature-item p{ color:#64748b; line-height:1.6;}.basic-process, .standard-process, .plus-process{ padding:5rem 0; background:#f8fafc;}.process-header{ text-align:center; margin-bottom:3rem;}.process-header h2{ font-size:2.5rem; font-weight:700; color:#1e293b; margin-bottom:1rem;}.process-header p{ font-size:1.1rem; color:#64748b; max-width:600px; margin:0 auto;}.epaper-process-steps{ display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:2rem; max-width:1200px; margin:0 auto; padding:0 2rem;}.epaper-process-step{ background:#fff; padding:2rem; border-radius:15px; box-shadow:0 5px 15px rgba(0, 0, 0, 0.1); transition:all 0.3s ease; text-align:center; position:relative;}.epaper-process-step:hover{ transform:translateY(-5px); box-shadow:0 10px 25px rgba(0, 0, 0, 0.15);}.step-number{ width:60px; height:60px; background:linear-gradient(45deg, #2563eb, #3b82f6); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; color:white; font-size:1.5rem; font-weight:700;}.step-content h3{ font-size:1.25rem; font-weight:600; color:#1e293b; margin-bottom:1rem;}.step-content p{ color:#64748b; line-height:1.6;}.plan-comparison{ padding:5rem 0; background:white;}.comparison-header{ text-align:center; margin-bottom:3rem;}.comparison-header h2{ font-size:2.5rem; font-weight:700; color:#1e293b; margin-bottom:1rem;}.comparison-header p{ font-size:1.1rem; color:#64748b; max-width:600px; margin:0 auto;}.comparison-table{ max-width:1000px; margin:0 auto; background:white; border-radius:15px; box-shadow:0 10px 30px rgba(0, 0, 0, 0.1); overflow:hidden;}.comparison-row{ display:grid; grid-template-columns:2fr 1fr 1fr 1fr; border-bottom:1px solid #e2e8f0;}.comparison-row:last-child{ border-bottom:none;}.comparison-row.header{ background:linear-gradient(45deg, #2563eb, #3b82f6); color:white; font-weight:600;}.comparison-row > div{ padding:1.5rem; display:flex; align-items:center; justify-content:center;}.feature-name{ justify-content:flex-start !important; font-weight:600;}.plan-basic, .plan-standard, .plan-plus{ text-align:center;}.analytics-preview{ padding:5rem 0; background:#f8fafc;}.analytics-header{ text-align:center; margin-bottom:3rem;}.analytics-header h2{ font-size:2.5rem; font-weight:700; color:#1e293b; margin-bottom:1rem;}.analytics-header p{ font-size:1.1rem; color:#64748b; max-width:600px; margin:0 auto;}.analytics-content{ display:grid; grid-template-columns:1fr 1fr; gap:4rem; max-width:1200px; margin:0 auto; padding:0 2rem;}.analytics-metrics{ display:grid; grid-template-columns:1fr 1fr; gap:1.5rem;}.metric-card{ background:white; padding:2rem; border-radius:15px; box-shadow:0 5px 15px rgba(0, 0, 0, 0.1); text-align:center; transition:all 0.3s ease;}.metric-card:hover{ transform:translateY(-5px); box-shadow:0 10px 25px rgba(0, 0, 0, 0.15);}.metric-icon{ width:60px; height:60px; background:linear-gradient(45deg, #2563eb, #3b82f6); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1rem; color:white; font-size:1.5rem;}.metric-number{ display:block; font-size:2rem; font-weight:700; color:#1e293b; margin-bottom:0.5rem;}.metric-label{ font-size:0.9rem; color:#64748b;}.analytics-chart{ display:flex; align-items:center; justify-content:center;}.chart-placeholder{ background:white; padding:3rem; border-radius:15px; box-shadow:0 5px 15px rgba(0, 0, 0, 0.1); text-align:center; width:100%;}.chart-placeholder i{ font-size:4rem; color:#2563eb; margin-bottom:1rem;}.chart-placeholder h3{ font-size:1.5rem; font-weight:600; color:#1e293b; margin-bottom:1rem;}.chart-placeholder p{ color:#64748b; line-height:1.6;}.cloud-subscription-detail{ padding:5rem 0; background:linear-gradient(135deg, #1e293b 0%, #334155 100%); color:white;}.cloud-header{ text-align:center; margin-bottom:3rem;}.cloud-header h2{ font-size:2.5rem; font-weight:700; margin-bottom:1rem;}.cloud-header p{ font-size:1.1rem; opacity:0.9; max-width:600px; margin:0 auto;}.cloud-content{ display:grid; grid-template-columns:1fr 1fr; gap:4rem; max-width:1200px; margin:0 auto; padding:0 2rem;}.cloud-info{ display:flex; flex-direction:column; gap:3rem;}.cloud-benefits h3{ font-size:1.5rem; font-weight:600; margin-bottom:1.5rem;}.cloud-benefits ul{ list-style:none; padding:0;}.cloud-benefits li{ padding:0.75rem 0; display:flex; align-items:center; gap:0.75rem;}.cloud-benefits i{ color:#10b981; font-size:1rem;}.cloud-pricing h3{ font-size:1.5rem; font-weight:600; margin-bottom:1.5rem;}.cloud-plans{ display:grid; grid-template-columns:1fr; gap:1.5rem;}.cloud-plan{ background:rgba(255, 255, 255, 0.1); padding:2rem; border-radius:15px; backdrop-filter:blur(10px); border:1px solid rgba(255, 255, 255, 0.2); transition:all 0.3s ease;}.cloud-plan.featured{ border-color:#60a5fa; background:rgba(96, 165, 250, 0.1);}.cloud-plan:hover{ transform:translateY(-5px); background:rgba(255, 255, 255, 0.15);}.cloud-plan h4{ font-size:1.25rem; font-weight:600; margin-bottom:1rem;}.cloud-price{ font-size:2rem; font-weight:700; color:#60a5fa; margin-bottom:1.5rem;}.cloud-price span{ font-size:1rem; opacity:0.8;}.cloud-plan ul{ list-style:none; padding:0;}.cloud-plan li{ padding:0.5rem 0; border-bottom:1px solid rgba(255, 255, 255, 0.1);}.cloud-plan li:last-child{ border-bottom:none;}.cloud-architecture{ display:flex; flex-direction:column; gap:1rem; align-items:center;}.cloud-layer{ background:rgba(255, 255, 255, 0.1); padding:1.5rem; border-radius:15px; text-align:center; backdrop-filter:blur(10px); min-width:200px; transition:all 0.3s ease;}.cloud-layer:hover{ transform:scale(1.05); background:rgba(255, 255, 255, 0.2);}.cloud-layer i{ font-size:2rem; color:#60a5fa; margin-bottom:0.5rem;}.cloud-layer h4{ font-weight:600; margin-bottom:0.5rem;}.cloud-layer p{ font-size:0.9rem; opacity:0.8;}.api-integration{ padding:5rem 0; background:white;}.api-header{ text-align:center; margin-bottom:3rem;}.api-header h2{ font-size:2.5rem; font-weight:700; color:#1e293b; margin-bottom:1rem;}.api-header p{ font-size:1.1rem; color:#64748b; max-width:600px; margin:0 auto;}.api-content{ display:grid; grid-template-columns:1fr 1fr; gap:4rem; max-width:1200px; margin:0 auto; padding:0 2rem;}.api-features{ display:grid; grid-template-columns:1fr 1fr; gap:2rem;}.api-feature{ background:white; padding:2rem; border-radius:15px; box-shadow:0 5px 15px rgba(0, 0, 0, 0.1); text-align:center; transition:all 0.3s ease;}.api-feature:hover{ transform:translateY(-5px); box-shadow:0 10px 25px rgba(0, 0, 0, 0.15);}.api-feature i{ font-size:2.5rem; color:#2563eb; margin-bottom:1rem;}.api-feature h3{ font-size:1.25rem; font-weight:600; color:#1e293b; margin-bottom:1rem;}.api-feature p{ color:#64748b; line-height:1.6;}.api-demo{ display:flex; align-items:center; justify-content:center;}.code-snippet{ background:#1e293b; color:#e2e8f0; padding:2rem; border-radius:15px; width:100%; font-family:'Courier New', monospace;}.code-snippet h4{ color:#60a5fa; margin-bottom:1rem; font-size:1.1rem;}.code-snippet pre{ margin:0; overflow-x:auto;}.code-snippet code{ color:#e2e8f0; line-height:1.6;}.basic-cta-section, .standard-cta-section, .plus-cta-section{ padding:5rem 0; background:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color:white; text-align:center;}.cta-content h2{ font-size:2.5rem; font-weight:700; margin-bottom:1rem;}.cta-content p{ font-size:1.1rem; margin-bottom:2rem; opacity:0.9;}.cta-buttons{ display:flex; gap:1rem; justify-content:center; flex-wrap:wrap;}.cta-btn{ padding:1rem 2rem; border-radius:10px; text-decoration:none; font-weight:600; transition:all 0.3s ease; border:2px solid transparent;}.cta-btn.primary{ background:white; color:#2563eb;}.cta-btn.primary:hover{ transform:translateY(-2px); box-shadow:0 10px 20px rgba(255, 255, 255, 0.3);}.cta-btn.secondary{ background:transparent; color:white; border-color:white;}.cta-btn.secondary:hover{ background:white; color:#2563eb;}@media (max-width:768px){ .epaper-hero-content, .basic-hero-content, .standard-hero-content, .plus-hero-content{ grid-template-columns:1fr; gap:2rem; text-align:center; } .epaper-hero-title, .basic-hero-title, .standard-hero-title, .plus-hero-title{ font-size:2.5rem; } .epaper-hero-stats{ justify-content:center; } .epaper-plans-grid{ grid-template-columns:1fr; } .epaper-plan-card.featured{ transform:none; } .cloud-content, .analytics-content, .api-content{ grid-template-columns:1fr; gap:2rem; text-align:center; } .cloud-features{ grid-template-columns:1fr; } .features-grid{ grid-template-columns:1fr; } .cta-buttons{ flex-direction:column; align-items:center; } .dropdown-menu{ position:static; opacity:1; visibility:visible; transform:none; background:transparent; box-shadow:none; padding:0; margin-top:1rem; } .dropdown-menu a{ padding:0.5rem 0; color:#333; } .analytics-metrics{ grid-template-columns:1fr; } .api-features{ grid-template-columns:1fr; } .comparison-table{ overflow-x:auto; } .comparison-row{ grid-template-columns:2fr 1fr 1fr 1fr; min-width:600px; }}.contact-hero{ min-height:60vh; background:linear-gradient(135deg, rgba(102, 126, 234, 0.9) 0%, rgba(118, 75, 162, 0.9) 50%, rgba(240, 147, 251, 0.9) 100%), url('media/etech-contact.webp'); background-size:cover; background-position:center; display:flex; align-items:center; justify-content:center; text-align:center; color:white; position:relative;}.contact-hero::before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="contact-grid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23contact-grid)"/></svg>'); opacity:0.3;}.contact-hero-content{ position:relative; z-index:2; max-width:800px; padding:0 2rem;}.contact-hero h1{ font-size:4rem; font-weight:800; margin-bottom:1.5rem; animation:slideInDown 1s ease-out;}.contact-hero p{ font-size:1.3rem; margin-bottom:2rem; opacity:0.9; animation:slideInUp 1s ease-out;}.contact-main{ padding:100px 0; background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);}.contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:4rem; margin-bottom:4rem;}.contact-info-card{ background:white; padding:3rem; border-radius:25px; box-shadow:0 20px 40px rgba(0, 0, 0, 0.1); position:relative; overflow:hidden;}.contact-info-card::before{ content:''; position:absolute; top:0; left:0; width:100%; height:5px; background:linear-gradient(90deg, #667eea, #764ba2, #f093fb);}.contact-info-card h3{ font-size:2rem; font-weight:700; color:#1e293b; margin-bottom:1.5rem;}.contact-info-card p{ color:#64748b; line-height:1.6; margin-bottom:2rem; font-size:1.1rem;}.contact-methods{ display:grid; gap:1.5rem;}.contact-method{ display:flex; align-items:center; gap:1rem; padding:1.5rem; background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); border-radius:15px; transition:all 0.3s ease; border:1px solid #e2e8f0;}.contact-method:hover{ transform:translateX(10px); box-shadow:0 10px 25px rgba(102, 126, 234, 0.2); border-color:#667eea;}.contact-method i{ width:50px; height:50px; background:linear-gradient(135deg, #667eea, #764ba2); border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; font-size:1.2rem; flex-shrink:0;}.contact-method-content h4{ font-weight:600; color:#1e293b; margin-bottom:0.25rem;}.contact-method-content p{ color:#64748b; margin:0;}.contact-form-card{ background:white; padding:3rem; border-radius:25px; box-shadow:0 20px 40px rgba(0, 0, 0, 0.1); position:relative; overflow:hidden;}.contact-form-card::before{ content:''; position:absolute; top:0; left:0; width:100%; height:5px; background:linear-gradient(90deg, #f093fb, #f5576c, #4facfe);}.contact-form-card h3{ font-size:2rem; font-weight:700; color:#1e293b; margin-bottom:1.5rem;}.form-group{ margin-bottom:1.5rem; position:relative;}.form-group input,.form-group textarea{ width:100%; padding:1rem 1.5rem; border:2px solid #e2e8f0; border-radius:15px; font-size:1rem; transition:all 0.3s ease; background:#f8fafc;}.form-group input:focus,.form-group textarea:focus{ outline:none; border-color:#667eea; background:white; box-shadow:0 0 0 3px rgba(102, 126, 234, 0.1);}.form-group label{ position:absolute; top:1rem; left:1.5rem; color:#64748b; transition:all 0.3s ease; pointer-events:none;}.form-group input:focus + label,.form-group textarea:focus + label,.form-group input:not(:placeholder-shown) + label,.form-group textarea:not(:placeholder-shown) + label{ top:-0.5rem; left:1rem; font-size:0.875rem; color:#667eea; background:white; padding:0 0.5rem;}.contact-submit-btn{ background:linear-gradient(135deg, #667eea, #764ba2); color:white; padding:1rem 2rem; border:none; border-radius:25px; font-size:1.1rem; font-weight:600; cursor:pointer; transition:all 0.3s ease; width:100%; position:relative; overflow:hidden;}.contact-submit-btn::before{ content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition:left 0.5s ease;}.contact-submit-btn:hover::before{ left:100%;}.contact-submit-btn:hover{ transform:translateY(-3px); box-shadow:0 15px 35px rgba(102, 126, 234, 0.4);}.map-section{ background:white; padding:4rem 0;}.map-container{ border-radius:25px; overflow:hidden; box-shadow:0 20px 40px rgba(0, 0, 0, 0.1); position:relative;}.map-container iframe{ width:100%; height:500px; border:none;}.map-overlay{ position:absolute; top:2rem; left:2rem; background:white; padding:2rem; border-radius:15px; box-shadow:0 10px 30px rgba(0, 0, 0, 0.1); max-width:300px;}.map-overlay h4{ color:#1e293b; margin-bottom:1rem; font-weight:600;}.map-overlay p{ color:#64748b; margin-bottom:0.5rem; font-size:0.9rem;}.social-contact{ background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding:4rem 0; color:white; text-align:center;}.social-contact h3{ font-size:2.5rem; font-weight:700; margin-bottom:1rem;}.social-contact p{ font-size:1.2rem; margin-bottom:3rem; opacity:0.9;}.social-links-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:2rem; max-width:950px; margin:0 auto;}.social-links-grid a.social-link-card{ text-decoration:none; color:white;}.social-link-card{ background:rgba(255, 255, 255, 0.1); padding:2rem; border-radius:25px; backdrop-filter:blur(10px); border:1px solid rgba(255, 255, 255, 0.15); transition:all 0.3s ease; display:flex; flex-direction:column; align-items:center; text-align:center;}.social-link-card:hover{ transform:translateY(-10px); background:rgba(255, 255, 255, 0.15); box-shadow:0 15px 30px rgba(0, 0, 0, 0.15); border-color:rgba(255, 255, 255, 0.25);}.social-link-card i{ width:70px; height:70px; border-radius:50%; background:white; display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; font-size:2rem; transition:all 0.3s ease;}.social-link-card .fa-whatsapp{ color:#25D366; box-shadow:0 10px 20px rgba(37, 211, 102, 0.15);}.social-link-card:hover .fa-whatsapp{ background:#25D366; color:white; box-shadow:0 15px 30px rgba(37, 211, 102, 0.4);}.social-link-card .fa-envelope{ color:#EA4335; box-shadow:0 10px 20px rgba(234, 67, 53, 0.15);}.social-link-card:hover .fa-envelope{ background:#EA4335; color:white; box-shadow:0 15px 30px rgba(234, 67, 53, 0.4);}.social-link-card .fa-telegram-plane{ color:#0088cc; box-shadow:0 10px 20px rgba(0, 136, 204, 0.15);}.social-link-card:hover .fa-telegram-plane{ background:#0088cc; color:white; box-shadow:0 15px 30px rgba(0, 136, 204, 0.4);}.social-link-card .fa-facebook-messenger{ color:#0084FF; box-shadow:0 10px 20px rgba(0, 132, 255, 0.15);}.social-link-card:hover .fa-facebook-messenger{ background:#0084FF; color:white; box-shadow:0 15px 30px rgba(0, 132, 255, 0.4);}.social-link-card h4{ font-weight:700; font-size:1.3rem; margin-bottom:0.75rem; color:#ffffff;}.social-link-card p{ font-size:0.95rem; opacity:0.75; color:#ffffff; margin:0; line-height:1.4;}@media (max-width:768px){ .contact-hero h1{ font-size:2.5rem; } .contact-hero p{ font-size:1.1rem; } .contact-grid{ grid-template-columns:1fr; gap:2rem; } .contact-info-card, .contact-form-card{ padding:2rem; } .map-overlay{ position:relative; top:0; left:0; margin:2rem; } .social-links-grid{ grid-template-columns:1fr; }}@keyframes slideInDown{ from{transform:translateY(-50px);opacity:0;} to{transform:translateY(0);opacity:1;}}@keyframes slideInUp{ from{transform:translateY(50px);opacity:0;} to{transform:translateY(0);opacity:1;}}@media (max-width:768px){ .services-grid{ grid-template-columns:1fr; } .projects-grid{ grid-template-columns:1fr; }}@media (max-width:480px){ .contact-info-card{ padding:1.5rem; } .contact-info-card h3{ font-size:1.4rem; } .contact-method{ padding:1rem; gap:0.75rem; } .footer-section{ text-align:center; } .footer-section h4::after{ left:50%; transform:translateX(-50%); }}