.landing-page-wrapper{--primary-dark:#0f172a;--primary-blue:#0056b3;--accent-red:#dc2626;--primary-cyan:#06b6d4;--primary-red:#ef4444;--text-main:#334155;--text-light:#64748b;--bg-body:#f8fafc;--bg-card:#fff;--white:#fff;--border-light:#e2e8f0;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-card:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-main);background-color:var(--bg-body);width:100%;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}.landing-page-wrapper *{box-sizing:border-box;margin:0;padding:0}.landing-page-wrapper header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--primary-dark);z-index:1000;width:100%;box-shadow:var(--shadow-sm);background:#fffffff2;padding:.5rem 0;transition:all .3s;position:fixed;top:0}.landing-page-wrapper header.scrolled{background:linear-gradient(135deg,#fffffffa,#ffffffeb);box-shadow:0 4px 16px #00000014}.landing-page-wrapper nav{grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:grid}.landing-page-wrapper .logo{flex-shrink:0;align-items:center;gap:1rem;display:flex}.landing-page-wrapper .logo-image{object-fit:contain;background:var(--white);width:72px;height:72px;box-shadow:var(--shadow-sm);border-radius:50%;padding:4px}.landing-page-wrapper .logo-text{flex-direction:column;line-height:1.1;display:flex}.landing-page-wrapper .logo-title{align-items:baseline;gap:.4rem;font-size:1.6rem;font-weight:700;display:flex}.landing-page-wrapper .logo-arc{background:linear-gradient(90deg,#b91c1c,#ef4444);color:#0000;-webkit-background-clip:text;background-clip:text}.landing-page-wrapper .logo-infinity{color:var(--primary-blue)}.landing-page-wrapper .logo-lab{color:#000}.landing-page-wrapper .logo-slogan{color:#000;margin-top:.25rem;font-size:.9rem;font-weight:400}.landing-page-wrapper .nav-links{flex:1;justify-content:flex-end;align-items:center;gap:2rem;list-style:none;display:flex}.landing-page-wrapper .gallery-imgs{object-fit:cover;object-position:center;width:100%;height:100%;margin:auto}.landing-page-wrapper .nav-links li{align-items:center;display:flex}.landing-page-wrapper .mobile-login{align-items:center;margin-left:auto;display:flex}.landing-page-wrapper .mobile-login-button{background:linear-gradient(135deg,var(--primary-blue),#2563eb);cursor:pointer;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #0056b34d;color:var(--white)!important}.landing-page-wrapper .mobile-login-button:hover{background:linear-gradient(135deg,#004494,#037);transform:translateY(-2px);box-shadow:0 6px 15px #0056b366}.landing-page-wrapper .nav-links a{color:var(--text-main);font-weight:500;text-decoration:none;transition:all .3s;position:relative}.landing-page-wrapper .nav-links a:not(.mobile-login-button):after{content:"";background:var(--accent-red);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.landing-page-wrapper .nav-links a:not(.mobile-login-button):hover:after{width:100%}.landing-page-wrapper .menu-toggle{cursor:pointer;flex-direction:column;gap:5px;display:none}.landing-page-wrapper .menu-toggle span{background:var(--primary-dark);width:25px;height:3px;transition:all .3s}.landing-page-wrapper .menu-toggle.active span:first-child{transform:rotate(45deg)translate(8px,8px)}.landing-page-wrapper .menu-toggle.active span:nth-child(2){opacity:0}.landing-page-wrapper .menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.landing-page-wrapper .hero{text-align:center;height:100vh;color:var(--white);background-color:#0000;background-image:linear-gradient(135deg,#0f172ae6,#1e293bd9),url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 600\"><rect fill=\"%2334495e\" width=\"1200\" height=\"600\"/><path fill=\"%232c3e50\" d=\"M0 300L50 283.3C100 266.7 200 233.3 300 233.3C400 233.3 500 266.7 600 283.3C700 300 800 300 900 283.3C1000 266.7 1100 233.3 1150 216.7L1200 200V600H1150C1100 600 1000 600 900 600C800 600 700 600 600 600C500 600 400 600 300 600C200 600 100 600 50 600H0V300Z\"/></svg>");background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;margin-top:0;display:flex;position:relative;padding-top:0!important}.landing-page-wrapper .hero-content{max-width:800px;padding:2rem;animation:1s fadeInUp}.landing-page-wrapper .hero h1{letter-spacing:-.02em;color:var(--white);margin-bottom:1rem;font-size:4rem;font-weight:800}.landing-page-wrapper .hero p{color:#cbd5e1;margin-bottom:2rem;font-size:1.25rem}.landing-page-wrapper .cta-button{background:var(--accent-red);color:var(--white);border-radius:50px;padding:1rem 2.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #e91e6366}.landing-page-wrapper .cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #e91e6399}.landing-page-wrapper .scroll-indicator{animation:2s infinite bounce;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.landing-page-wrapper .scroll-indicator:before{content:"↓";color:var(--white);font-size:2rem}.landing-page-wrapper .highlights{background:var(--bg-body);padding:4rem 2rem}.landing-page-wrapper .highlights-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.landing-page-wrapper .highlight-card{background:var(--bg-card);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;border:1px solid var(--border-light);border-radius:16px;padding:2rem}.landing-page-wrapper .highlight-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.landing-page-wrapper .highlight-icon{width:64px;height:64px;color:var(--primary-blue);background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.landing-page-wrapper .highlight-card h3{color:var(--primary-cyan);margin-bottom:.5rem;font-size:1.5rem}.landing-page-wrapper .highlight-number{color:var(--primary-red);font-size:2.5rem;font-weight:700}.landing-page-wrapper section{padding:5rem 2rem}.landing-page-wrapper .section-title{text-align:center;color:var(--primary-dark);margin-bottom:3rem;font-size:2.5rem;position:relative}.landing-page-wrapper .section-title:after{content:"";background:linear-gradient(90deg,var(--primary-blue),var(--accent-red));border-radius:2px;width:100px;height:4px;margin:1rem auto;display:block}.landing-page-wrapper .container{max-width:1200px;margin:0 auto}.landing-page-wrapper #about{background:var(--bg-card)}.landing-page-wrapper .about-content{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.landing-page-wrapper .about-text h3{color:var(--primary-cyan);margin-bottom:1rem;font-size:1.8rem}.landing-page-wrapper .about-text p{margin-bottom:1rem;line-height:1.8}.landing-page-wrapper .nabl-badge{background:linear-gradient(135deg,var(--primary-dark),var(--primary-blue));color:var(--white);text-align:center;border-radius:10px;margin-top:2rem;padding:1.5rem}.landing-page-wrapper .nabl-badge h4{color:var(--white);margin-bottom:.5rem;font-size:1.3rem}.landing-page-wrapper .about-image{text-align:center;background:#f1f5f9;border-radius:15px;padding:2rem}.landing-page-wrapper .cert-icon{color:var(--primary-blue);justify-content:center;margin-bottom:1rem;display:flex}.landing-page-wrapper #services{background:var(--bg-body)}.landing-page-wrapper .services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.landing-page-wrapper .service-card{background:var(--bg-card);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-light);border-radius:16px;padding:2rem}.landing-page-wrapper .service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.landing-page-wrapper .service-card h3{color:var(--primary-dark);margin-bottom:1rem;font-size:1.5rem}.landing-page-wrapper .service-card ul{padding-left:0;list-style:none}.landing-page-wrapper .service-card li{padding:.5rem 0 .5rem 1.5rem;position:relative}.landing-page-wrapper .service-card li:before{content:"✓";color:var(--accent-red);font-weight:700;position:absolute;left:0}.landing-page-wrapper #gallery{background:var(--bg-card)}.landing-page-wrapper .gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.landing-page-wrapper .gallery-item{cursor:pointer;aspect-ratio:16/9;background:linear-gradient(135deg,var(--primary-cyan),var(--primary-red));color:var(--white);border-radius:10px;justify-content:center;align-items:center;font-size:3rem;display:flex;position:relative;overflow:hidden}.landing-page-wrapper .gallery-item:after{content:"";opacity:0;background:#00000080;transition:opacity .3s;position:absolute;inset:0}.landing-page-wrapper .gallery-item:hover:after{opacity:1}.landing-page-wrapper .gallery-caption{color:var(--white);z-index:1;text-align:center;background:#000c;padding:1rem;font-size:1rem;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.landing-page-wrapper .gallery-item:hover .gallery-caption{transform:translateY(0)}.landing-page-wrapper #contact{background:var(--bg-body)}.landing-page-wrapper .contact-container{grid-template-columns:1.5fr 1fr;gap:3rem;display:grid}.landing-page-wrapper .contact-form{background:var(--bg-card);box-shadow:0 4px 15px var(--shadow-card);border-radius:16px;padding:2rem}.landing-page-wrapper .form-group{margin-bottom:1.5rem}.landing-page-wrapper .form-group label{color:var(--text-main);margin-bottom:.5rem;font-weight:500;display:block}.landing-page-wrapper .form-group input,.landing-page-wrapper .form-group textarea{border:1px solid var(--border-light);border-radius:8px;width:100%;padding:.8rem 1rem;font-family:inherit;transition:border-color .3s}.landing-page-wrapper .form-group input:focus,.landing-page-wrapper .form-group textarea:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #0056b31a}.landing-page-wrapper .form-group textarea{min-height:120px}.landing-page-wrapper .submit-btn{background:linear-gradient(135deg,var(--primary-cyan),var(--primary-red));width:100%;color:var(--white);cursor:pointer;border:none;border-radius:5px;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s}.landing-page-wrapper .submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00bcd466}.landing-page-wrapper .contact-info{background:var(--bg-card);box-shadow:0 4px 15px var(--shadow-card);border-radius:16px;padding:2rem}.landing-page-wrapper .info-item{align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.landing-page-wrapper .info-icon{width:40px;height:40px;color:var(--primary-blue);background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-page-wrapper .map-container{background:#e2e8f0;border-radius:10px;height:300px;margin-top:2rem;overflow:hidden}.landing-page-wrapper .map-container iframe{border:none;width:100%;height:100%}.landing-page-wrapper footer{background:var(--primary-dark);color:var(--white);text-align:center;padding:3rem 2rem 1rem}.landing-page-wrapper .footer-content{text-align:left;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto 2rem;display:grid}.landing-page-wrapper .footer-section h3{color:var(--white);margin-bottom:1rem}.landing-page-wrapper .footer-section ul{list-style:none}.landing-page-wrapper .footer-section ul li{margin-bottom:.5rem}.landing-page-wrapper .footer-section a{color:var(--white);text-decoration:none;transition:color .3s}.landing-page-wrapper .footer-section a:hover{color:var(--primary-blue)}.landing-page-wrapper .footer-bottom{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}@media (max-width:922px) and (min-width:769px){.landing-page-wrapper .logo{gap:.75rem}.landing-page-wrapper .logo-text{width:max-content;line-height:1.02}.landing-page-wrapper .logo-title,.landing-page-wrapper .logo-slogan{white-space:nowrap}.landing-page-wrapper .logo-image{width:64px;height:64px}.landing-page-wrapper .logo-title{font-size:1.3rem}.landing-page-wrapper .logo-slogan{font-size:.74rem}.landing-page-wrapper nav{grid-template-columns:auto 1fr;padding:.75rem 1.5rem}.landing-page-wrapper .nav-links{gap:1.25rem}}@media (max-width:768px){.landing-page-wrapper header{padding:.3rem 0}.landing-page-wrapper nav{grid-template-columns:1fr auto;gap:1rem;padding:.75rem 1rem}.landing-page-wrapper .logo{gap:.6rem}.landing-page-wrapper .logo-text{line-height:1.05}.landing-page-wrapper .logo-image{width:58px;height:58px}.landing-page-wrapper .logo-title{font-size:1.3rem}.landing-page-wrapper .logo-slogan{font-size:.75rem}.landing-page-wrapper .nav-links{text-align:center;width:100%;box-shadow:0 10px 20px var(--shadow-sm);background:linear-gradient(135deg,#fffffffa,#ffffffe6);flex-direction:column;justify-content:center;align-items:center;padding:2rem 0;transition:right .3s;position:fixed;top:70px;right:-100%}.landing-page-wrapper .nav-links.active{right:0}.landing-page-wrapper .menu-toggle{display:flex}.landing-page-wrapper .hero h1{font-size:2rem}.landing-page-wrapper .hero p{font-size:1rem}.landing-page-wrapper .about-content,.landing-page-wrapper .contact-container{grid-template-columns:1fr}.landing-page-wrapper .footer-content{text-align:center;grid-template-columns:1fr}.landing-page-wrapper .nav-links{gap:1.5rem}.landing-page-wrapper .mobile-login{justify-content:center;width:100%}.landing-page-wrapper .mobile-login-button{width:100%;max-width:240px;margin:0 auto;padding:.75rem 2rem}}