:root{--sans:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%;margin:0 auto}:root{--primary-color:#0047ab;--secondary-color:#00a3e0;--text-color:#1e293b;--text-light:#64748b;--bg-light:#f8fafc;--white:#fff;--shadow:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-light);width:100%;color:var(--text-color);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}header{background-color:var(--white);z-index:1000;padding:1rem 2rem;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}nav{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.logo-container{align-items:center;gap:20px;text-decoration:none;display:flex}.logo-img{mix-blend-mode:multiply;width:auto;height:120px}.logo-text{letter-spacing:-.5px;font-size:1.4rem;font-weight:700;color:var(--primary-color)!important}.nav-links{align-items:center;gap:30px;list-style:none;display:flex}.nav-links li a{color:var(--text-light);font-size:1rem;font-weight:600;text-decoration:none;transition:color .3s}.nav-links li a:hover{color:var(--primary-color)}.nav-social{align-items:center;margin-left:10px;display:flex}.social-icon-link{color:var(--primary-color);align-items:center;transition:transform .3s,color .3s;display:flex}.social-icon-link:hover{color:var(--secondary-color);transform:scale(1.1)}.menu-toggle{cursor:pointer;z-index:1100;background:0 0;border:none;padding:10px;display:none}.hamburger{background:var(--primary-color);width:25px;height:3px;transition:all .3s;display:block;position:relative}.hamburger:before,.hamburger:after{content:"";background:var(--primary-color);width:25px;height:3px;transition:all .3s;position:absolute}.hamburger:before{top:-8px;left:0}.hamburger:after{bottom:-8px;left:0}.hamburger.active{background:0 0}.hamburger.active:before{top:0;transform:rotate(45deg)}.hamburger.active:after{bottom:0;transform:rotate(-45deg)}@media (width<=1024px){.menu-toggle{display:block}.logo-text{max-width:180px;font-size:1.1rem}.logo-img{height:80px}.nav-links{background-color:var(--white);z-index:1050;flex-direction:column;justify-content:center;gap:40px;width:80%;max-width:300px;height:100vh;padding:2rem;transition:right .3s;position:fixed;top:0;right:-100%;box-shadow:-5px 0 15px #0000001a}.nav-links.active{right:0}.nav-links li a{font-size:1.2rem}.hero h1{font-size:2.2rem}.hero p{font-size:1.1rem}.hero-btns{flex-direction:column;width:100%;max-width:300px}.welcome-section{margin:-40px 20px 40px;padding:40px 20px}.welcome-content h2{font-size:1.8rem}}@media (width<=600px){.logo-text{display:none}.features-grid{grid-template-columns:1fr}}.hero{text-align:center;background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;min-height:450px;padding:100px 20px;display:flex;position:relative;color:var(--white)!important}.hero:before{content:"";z-index:1;background:#00000073;position:absolute;inset:0}.hero h1,.hero p,.hero-btns{z-index:2;position:relative}.hero h1{text-shadow:2px 2px 15px #000000b3;margin-bottom:1rem;font-size:3.5rem;font-weight:800;color:var(--white)!important}.hero p{text-shadow:1px 1px 10px #000000b3;max-width:800px;margin:0 auto 2rem;font-size:1.4rem;color:var(--white)!important}.hero-btns{gap:20px;display:flex}.btn-primary{background-color:var(--primary-color);color:var(--white);border:none;border-radius:50px;padding:12px 35px;font-weight:700;text-decoration:none;transition:transform .3s,background-color .3s}.btn-primary:hover{background-color:#003580;transform:translateY(-2px)}.btn-outline{border:2px solid var(--white);border-radius:50px;padding:12px 35px;font-weight:700;text-decoration:none;transition:all .3s;color:var(--white)!important}.btn-outline:hover{background-color:var(--white);color:var(--primary-color)!important}.welcome-section{background-color:var(--white);z-index:10;max-width:1000px;box-shadow:var(--shadow);text-align:center;border-radius:20px;margin:-60px auto 40px;padding:60px 40px;position:relative}.welcome-content h2{margin-bottom:1.5rem;font-size:2.5rem;color:var(--primary-color)!important}.welcome-content p{color:var(--text-color);font-size:1.2rem}.features{padding:60px 20px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.feature-item{background:var(--white);text-align:center;border:1px solid #f1f5f9;border-radius:20px;padding:40px;transition:all .3s;box-shadow:0 4px 6px #00000005}.feature-item:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.feature-item h3{margin:15px 0;color:var(--primary-color)!important}.feature-icon{margin-bottom:10px;font-size:3.5rem;display:block}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;max-width:1200px;margin:0 auto;display:grid}.gallery-item{object-fit:cover;cursor:pointer;border-radius:15px;width:100%;height:200px;transition:transform .3s}.gallery-item:hover{transform:scale(1.03)}.modal-overlay{z-index:2000;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:10px;max-width:90%;max-height:90%}.team-img{object-fit:cover;border:5px solid #f1f5f9;border-radius:50%;width:220px;height:220px;margin-bottom:20px}footer{background-color:var(--primary-color);text-align:center;padding:40px 20px;color:var(--white)!important}footer p{opacity:.9;margin:5px 0;color:var(--white)!important}