:root{--primary:#0084ff;--secondary:#00a8e8;--accent:#ff6b35;--success:#00c851;--warning:#fb3;--navy:#1a2332;--gray-100:#f8fafc;--gray-200:#e2e8f0;--gray-300:#cbd5e0;--gray-400:#a0aec0;--gray-500:#718096;--gray-600:#4a5568;--gray-700:#2d3748;--gray-800:#1a202c;--white:#fff;--shadow:0 10px 25px rgba(0,132,255,0.1);--shadow-lg:0 20px 40px rgba(0,132,255,0.15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-webkit-system-font,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;line-height:1.6;color:var(--gray-700);background:linear-gradient(135deg,#f0f9ff 0,#e0f2fe 50%,#f8fafc 100%);min-height:100vh}.fonts-loaded body{font-family:'Inter',-webkit-system-font,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.fonts-loaded .hero h1{font-family:'Inter',-webkit-system-font,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.fonts-loaded .logo-placeholder{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,"SF Mono",Monaco,Inconsolata,"Roboto Mono","Droid Sans Mono","Courier New",monospace}.fonts-loaded .logo-text{font-family:'Inter',-webkit-system-font,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.fonts-loaded .tech-badge{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,"SF Mono",Monaco,Inconsolata,"Roboto Mono","Droid Sans Mono","Courier New",monospace}.hero h1{font-family:-webkit-system-font,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-display:swap}.bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.cloud{position:absolute;background:rgba(255,255,255,0.6);border-radius:50px;opacity:.7;animation:float 20s ease-in-out infinite}.cloud:nth-child(1){width:100px;height:40px;top:20%;left:10%;animation-delay:0s}.cloud:nth-child(2){width:80px;height:30px;top:60%;right:15%;animation-delay:-7s}.cloud:nth-child(3){width:120px;height:45px;top:30%;right:30%;animation-delay:-14s}@keyframes float{0%,100%{transform:translateY(0px) translateX(0px)}25%{transform:translateY(-20px) translateX(10px)}50%{transform:translateY(-10px) translateX(-5px)}75%{transform:translateY(-15px) translateX(8px)}}.code-pattern{position:absolute;top:10%;right:5%;width:200px;height:150px;background:linear-gradient(45deg,rgba(0,132,255,0.05),transparent);border-radius:10px;animation:codeFloat 15s ease-in-out infinite}@keyframes codeFloat{0%,100%{transform:rotate(0deg) scale(1);opacity:.3}50%{transform:rotate(2deg) scale(1.05);opacity:.6}}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:1000;transition:all .3s ease}header.scrolled{background:rgba(255,255,255,0.98);box-shadow:var(--shadow)}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo-container{display:flex;align-items:center;gap:15px;text-decoration:none;cursor:pointer;transition:transform .3s ease}.logo-container:hover{transform:scale(1.02)}.logo img{width:277px;height:122px;max-width:100%;height:auto}.logo-placeholder{width:50px;height:50px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,SFMono-Regular,"SF Mono",Monaco,Inconsolata,"Roboto Mono","Droid Sans Mono","Courier New",monospace;font-weight:600;font-size:1.2rem;color:var(--white);box-shadow:var(--shadow);position:relative;overflow:hidden}.logo-placeholder::before{content:'✈️';position:absolute;top:2px;right:2px;font-size:.7rem;opacity:.8}.logo-placeholder::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.3),transparent);animation:logoShine 3s ease-in-out infinite}@keyframes logoShine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(100%) translateY(100%) rotate(45deg)}100%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}}.logo-text{font-family:-webkit-system-font,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:1.4rem;font-weight:700;color:var(--navy);transition:color .3s ease}.logo-text:hover{color:var(--primary)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:var(--gray-600);font-weight:500;font-size:.95rem;transition:all .3s ease;cursor:pointer;padding:8px 16px;border-radius:8px;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--primary);background:rgba(0,132,255,0.05)}.nav-links a::before{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary);transition:all .3s ease;transform:translateX(-50%)}.nav-links a:hover::before,.nav-links a.active::before{width:80%}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--primary)}main{margin-top:0;padding:2rem 0}.page{display:none;min-height:80vh}.page.active{display:block;animation:pageSlideIn .5s cubic-bezier(0.4,0,0.2,1)}@keyframes pageSlideIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero{text-align:center;padding:4rem 0;position:relative}.hero-content{position:relative;z-index:1}.hero h1{font-size:clamp(2.5rem,5vw,3.8rem);font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--navy),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero h1::after{content:'⚡';position:absolute;top:-10px;right:-30px;font-size:1.5rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,100%{transform:scale(1) rotate(0deg);opacity:.8}50%{transform:scale(1.2) rotate(15deg);opacity:1}}.hero-subtitle{font-size:1.3rem;color:var(--primary);font-weight:600;margin-bottom:1rem}.hero p{font-size:1.2rem;color:var(--gray-600);margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.8}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.btn{display:inline-flex;align-items:center;gap:8px;padding:1rem 2rem;text-decoration:none;border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s ease;cursor:pointer;border:none;position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transition:left .5s ease}.btn:hover::before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--white);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.btn-white{background:var(--white);color:var(--primary)}.btn-white:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(255,255,255,0.3)}.page-header{text-align:center;padding:4rem 0;background:var(--white);margin:2rem 0;border-radius:20px;box-shadow:var(--shadow)}.page-header h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;background:linear-gradient(135deg,var(--navy),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.page-header p{font-size:1.2rem;color:var(--gray-600);max-width:700px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;font-weight:800;color:var(--navy);margin-bottom:1rem}.section-header p{font-size:1.1rem;color:var(--gray-600);max-width:600px;margin:0 auto}.section-title{font-size:1.8rem;font-weight:700;color:var(--navy);margin-bottom:2rem}.content-section{padding:3rem 0}.services-overview{padding:4rem 0}.services-intro{background:var(--white);padding:3rem;border-radius:20px;margin:3rem 0;box-shadow:var(--shadow);text-align:center}.services-intro h2{font-size:2.2rem;font-weight:700;color:var(--navy);margin-bottom:1.5rem}.services-intro p{font-size:1.1rem;color:var(--gray-600);line-height:1.8;margin-bottom:2rem}.tech-stack{display:flex;justify-content:center;gap:1rem;margin:3rem 0;flex-wrap:wrap}.tech-badge{background:var(--white);color:var(--gray-700);padding:.7rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:500;font-family:ui-monospace,SFMono-Regular,"SF Mono",Monaco,Inconsolata,"Roboto Mono","Droid Sans Mono","Courier New",monospace;box-shadow:var(--shadow);border:1px solid var(--gray-200);transition:all .3s ease}.tech-badge:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:3rem 0}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:2.5rem;transition:all .3s ease;position:relative;overflow:hidden}.card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent))}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.card-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem;animation:iconBob 3s ease-in-out infinite}@keyframes iconBob{0%,100%{transform:translateY(0px)}50%{transform:translateY(-3px)}}.card h3{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:var(--navy)}.card p{color:var(--gray-600);line-height:1.7;margin-bottom:1.5rem}.card-link{color:var(--primary);text-decoration:none;font-weight:600;font-size:.95rem}.card-link:hover{text-decoration:underline}.hover-float:hover{transform:translateY(-5px);transition:transform .3s ease}.service-section{margin:4rem 0}.service-card{background:var(--white);border:1px solid var(--gray-200);border-radius:20px;padding:3rem;margin:2rem 0;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:all .3s ease}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent))}.service-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.service-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,100%{transform:translateY(0px)}50%{transform:translateY(-5px)}}.service-title{flex:1}.service-title h3{font-size:1.8rem;font-weight:700;color:var(--navy);margin-bottom:.5rem}.service-title .service-subtitle{color:#0065c4;font-weight:600;font-size:1rem}.service-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}.service-description{color:var(--gray-700);line-height:1.8;font-size:1.05rem}.service-description p{margin-bottom:1.5rem}.service-benefits{background:var(--gray-100);padding:2rem;border-radius:12px;border-left:4px solid var(--primary)}.service-benefits h4{color:var(--navy);font-weight:600;margin-bottom:1rem;font-size:1.1rem}.service-benefits ul{list-style:none;padding:0}.service-benefits li{color:var(--gray-600);margin:.7rem 0;padding-left:1.5rem;position:relative;line-height:1.6}.service-benefits li::before{content:'✓';position:absolute;left:0;color:var(--success);font-weight:bold;font-size:1.1rem}.feature-badge{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);padding:3rem;border-radius:20px;margin:3rem 0;text-align:center;position:relative;overflow:hidden}.feature-badge::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0,transparent 70%);animation:badgeGlow 4s ease-in-out infinite}@keyframes badgeGlow{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(180deg)}}.feature-badge h3{font-size:1.8rem;margin-bottom:1.5rem;position:relative;z-index:1}.qualification-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;position:relative;z-index:1}.qualification-list li{background:rgba(255,255,255,0.15);padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:15px;transition:transform .3s ease}.qualification-list li:hover{transform:scale(1.02);background:rgba(255,255,255,0.25)}.qualification-list li::before{content:'✈️';font-size:1.2rem;flex-shrink:0}.why-choose{background:var(--white);padding:4rem 0;margin:4rem 0;border-radius:20px;box-shadow:var(--shadow)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:3rem 0}.stat-item{text-align:center;padding:1.5rem}.stat-number{font-size:2.5rem;font-weight:800;color:var(--primary);display:block}.stat-label{color:var(--gray-600);font-weight:600;margin-top:.5rem}.process-section{background:var(--white);padding:4rem 0;margin:4rem 0;border-radius:20px;box-shadow:var(--shadow)}.process-header{text-align:center;margin-bottom:3rem}.process-header h2{font-size:2.2rem;font-weight:700;color:var(--navy);margin-bottom:1rem}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.process-step{text-align:center;padding:2rem;position:relative}.step-number{width:50px;height:50px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--white);margin:0 auto 1rem auto}.step-title{font-size:1.2rem;font-weight:600;color:var(--navy);margin-bottom:.5rem}.step-description{color:var(--gray-600);line-height:1.6}.timeline{position:relative;max-width:800px;margin:3rem auto}.timeline::before{content:'';position:absolute;left:50%;top:0;height:100%;width:3px;background:linear-gradient(135deg,var(--primary),var(--secondary));transform:translateX(-50%)}.timeline-item{position:relative;margin:2rem 0;background:var(--white);padding:2rem;border-radius:12px;box-shadow:var(--shadow);width:calc(50% - 30px)}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(even){left:calc(50%+30px)}.timeline-item::before{content:'';position:absolute;top:50%;width:20px;height:20px;background:var(--primary);border-radius:50%;transform:translateY(-50%)}.timeline-item:nth-child(odd)::before{right:-40px}.timeline-item:nth-child(even)::before{left:-40px}.timeline-year{font-size:1.2rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.timeline-title{font-size:1.1rem;font-weight:600;color:var(--navy);margin-bottom:.5rem}.timeline-description{color:var(--gray-600);line-height:1.6}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:3rem 0}.skill-item{background:var(--white);padding:1.5rem;border-radius:12px;text-align:center;box-shadow:var(--shadow);transition:all .3s ease}.skill-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.skill-icon{font-size:2rem;margin-bottom:1rem}.skill-name{font-weight:600;color:var(--navy);margin-bottom:.5rem}.skill-level{font-size:.9rem;color:var(--gray-600)}.blog-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin:3rem 0}.blog-post-card{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.blog-post-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent))}.blog-post-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:var(--gray-500);font-size:.9rem}.post-category{background:var(--primary);color:var(--white);padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500}.post-title{font-size:1.4rem;font-weight:700;color:var(--navy);margin-bottom:1rem;line-height:1.4}.post-excerpt{color:var(--gray-600);line-height:1.7;margin-bottom:1.5rem}.read-more{color:var(--primary);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.read-more:hover{gap:1rem}.topics-section{margin:4rem 0}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:3rem 0}.topic-card{background:var(--white);padding:2rem;border-radius:12px;text-align:center;box-shadow:var(--shadow);transition:all .3s ease;border:1px solid var(--gray-200)}.topic-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.topic-icon{font-size:2.5rem;margin-bottom:1rem}.topic-title{font-size:1.2rem;font-weight:600;color:var(--navy);margin-bottom:.5rem}.topic-description{color:var(--gray-600);font-size:.95rem;line-height:1.6}.coming-soon{background:var(--white);padding:3rem;border-radius:20px;margin:3rem 0;box-shadow:var(--shadow);text-align:center}.coming-soon h2{font-size:2rem;font-weight:700;color:var(--navy);margin-bottom:1rem}.coming-soon p{color:var(--gray-600);font-size:1.1rem;margin-bottom:2rem}.newsletter-signup{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.newsletter-signup input{padding:1rem 1.5rem;border:2px solid var(--gray-300);border-radius:12px;font-size:1rem;min-width:300px;transition:border-color .3s ease}.newsletter-signup input:focus{outline:none;border-color:var(--primary)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:3rem 0}.contact-info{background:var(--white);padding:3rem;border-radius:20px;box-shadow:var(--shadow)}.contact-form{background:var(--white);padding:3rem;border-radius:20px;box-shadow:var(--shadow)}.contact-methods{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.contact-method{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--gray-100);border-radius:12px;transition:all .3s ease}.contact-method:hover{background:rgba(0,132,255,0.05);transform:translateX(5px)}.contact-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--white)}.contact-details h4{color:var(--navy);font-weight:600;margin-bottom:.3rem}.contact-details p{color:var(--gray-600);font-size:.95rem}.contact-details a{color:var(--primary);text-decoration:none;font-weight:500}.contact-details a:hover{text-decoration:underline}.response-info{background:var(--gray-100);padding:2rem;border-radius:12px;margin:2rem 0;border-left:4px solid var(--success)}.response-info h4{color:var(--navy);margin-bottom:.5rem}.response-info p{color:var(--gray-600);margin-bottom:1rem}.response-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.response-feature{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--gray-600)}.response-feature::before{content:'✓';color:var(--success);font-weight:bold}.project-types{background:var(--white);padding:3rem;border-radius:20px;margin:3rem 0;box-shadow:var(--shadow)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.project-card{padding:1.5rem;border:2px solid var(--gray-200);border-radius:12px;text-align:center;transition:all .3s ease;cursor:pointer}.project-card:hover{border-color:var(--primary);background:rgba(0,132,255,0.02);transform:translateY(-2px)}.project-card.selected{border-color:var(--primary);background:rgba(0,132,255,0.05)}.project-icon{font-size:2rem;margin-bottom:1rem}.project-title{font-weight:600;color:var(--navy);margin-bottom:.5rem}.project-description{font-size:.9rem;color:var(--gray-600)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--navy)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:1rem;border:2px solid var(--gray-300);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary)}.form-group textarea{resize:vertical;min-height:120px}.cta-section{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);padding:4rem 0;margin:4rem 0;border-radius:20px;text-align:center;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0,transparent 70%);animation:ctaGlow 6s ease-in-out infinite}@keyframes ctaGlow{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(180deg)}}.cta-content{position:relative;z-index:1}.cta-section h2{font-size:2.2rem;font-weight:700;margin-bottom:1rem}.cta-section p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.contact-highlight{background:linear-gradient(135deg,rgba(0,132,255,0.1),rgba(0,168,232,0.1));border:2px solid rgba(0,132,255,0.2);border-radius:16px;padding:2rem;margin:2rem 0;text-align:center}.contact-highlight h3{color:var(--primary);margin-bottom:1rem;font-weight:700}.contact-highlight p{margin-bottom:1.5rem}.article{background:var(--white);border-radius:20px;padding:3rem;margin:2rem 0;box-shadow:var(--shadow);position:relative;overflow:hidden}.article::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent))}.article-meta{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;color:var(--gray-500);font-size:.9rem}.article-category{background:var(--primary);color:var(--white);padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500}.article h1{font-size:clamp(2rem,5vw,2.8rem);font-weight:800;color:var(--navy);margin-bottom:1.5rem;line-height:1.2}.article-intro{font-size:1.2rem;color:var(--gray-600);margin-bottom:2rem;padding:1.5rem;background:var(--gray-100);border-radius:12px;border-left:4px solid var(--primary)}.article h2{color:var(--primary);margin:2.5rem 0 1rem 0;font-size:1.8rem;font-weight:700}.article h3{color:var(--secondary);margin:2rem 0 .8rem 0;font-size:1.3rem;font-weight:600}.article p{color:var(--gray-700);margin-bottom:1.5rem;line-height:1.8;font-size:1.05rem}.article ul{margin:1.5rem 0;color:var(--gray-700);padding-left:2rem}.article li{margin:.8rem 0;line-height:1.7}.article li strong{color:var(--navy)}.toc{background:var(--gray-100);padding:2rem;border-radius:12px;margin:2rem 0;border:1px solid var(--gray-200)}.toc h3{color:var(--navy);margin-bottom:1rem;font-size:1.2rem}.toc ul{list-style:none;padding:0}.toc li{margin:.5rem 0}.toc a{color:var(--primary);text-decoration:none;font-weight:500}.toc a:hover{text-decoration:underline}.article-nav{display:flex;justify-content:space-between;align-items:center;margin:3rem 0;padding:2rem;background:var(--gray-100);border-radius:12px}.nav-link{color:var(--primary);text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease}.nav-link:hover{background:var(--primary);color:var(--white)}.thank-you-card{background:var(--white);border-radius:20px;padding:4rem 3rem;text-align:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;animation:slideIn .6s cubic-bezier(0.4,0,0.2,1)}@keyframes slideIn{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.thank-you-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--success),var(--primary),var(--secondary))}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--success),#00a040);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 2rem auto;animation:checkmarkPop .8s ease-out .3s both}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.thank-you-card h1{font-size:2.5rem;font-weight:800;color:var(--navy);margin-bottom:1rem;background:linear-gradient(135deg,var(--navy),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.thank-you-card h2{font-size:1.4rem;color:var(--success);margin-bottom:2rem;font-weight:600}.thank-you-card p{font-size:1.1rem;color:var(--gray-600);line-height:1.8;margin-bottom:2rem}.countdown{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);padding:1.5rem;border-radius:12px;margin:2rem 0;font-weight:600}.countdown-timer{font-size:1.5rem;font-weight:800;margin:.5rem 0}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:2rem 0}footer{background:var(--navy);color:var(--white);padding:3rem 0;text-align:center}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--white);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease}.loading-overlay.hidden{opacity:0;pointer-events:none}.loader{width:50px;height:50px;border:3px solid var(--gray-200);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.click-ripple{position:relative;overflow:hidden}.click-ripple::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(0,132,255,0.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.click-ripple:active::after{width:300px;height:300px}.thank-you-body{display:flex;align-items:center;justify-content:center;min-height:100vh}.form-group select{width:100%;padding:1rem;border:2px solid var(--gray-300);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease;background:var(--white)}.form-group select:focus{outline:none;border-color:var(--primary)}.success-message{display:none;background:var(--success);color:white;padding:2rem;border-radius:12px;text-align:center;margin-top:2rem}.success-message.show{display:block}.success-message h3{margin-bottom:1rem}.btn-auto{width:auto;justify-content:center}.btn-small{font-size:.9rem;padding:.7rem 1.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.blog-post-link{color:var(--gray-400);cursor:not-allowed}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mb-0{margin-bottom:0}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.final-cta{background:var(--white);padding:3rem;border-radius:20px;margin:3rem 0;box-shadow:var(--shadow);text-align:center}.final-cta h2{color:var(--navy);margin-bottom:1rem}.final-cta p{color:var(--gray-600);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}@media(max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;width:100%;background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);flex-direction:column;padding:2rem;border-top:1px solid var(--gray-200);box-shadow:var(--shadow)}.nav-links.active{display:flex}.mobile-menu-btn{display:block}.hero{padding:3rem 0}.card-grid{grid-template-columns:1fr}.service-content{grid-template-columns:1fr;gap:2rem}.service-header{flex-direction:column;text-align:center;gap:1rem}.process-steps{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.footer-content{flex-direction:column;text-align:center}.qualification-list{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.timeline::before{left:20px}.timeline-item{width:calc(100% - 60px);left:60px!important}.timeline-item::before{left:-40px!important}.blog-posts{grid-template-columns:1fr}.topics-grid{grid-template-columns:repeat(2,1fr)}.newsletter-signup{flex-direction:column;align-items:center}.newsletter-signup input{min-width:100%;max-width:400px}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-info,.contact-form{padding:2rem}.project-grid{grid-template-columns:1fr}.response-features{grid-template-columns:1fr}.article{padding:2rem}.article-nav{flex-direction:column;gap:1rem}.thank-you-card{padding:3rem 2rem}.thank-you-card h1{font-size:2rem}.action-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.tech-stack{gap:.5rem}}