html,body{height:100%;margin:0;padding:0}body{flex-direction:column;min-height:100vh;font-family:Segoe UI,sans-serif;display:flex}.mainComponent{flex-direction:column;flex:1;display:flex}:root{--nav-bg:#fffffff2;--nav-shadow:0 8px 32px #00000014;--primary-green:#0f5c2f;--primary-green-light:#1a7a3e;--primary-green-soft:#0f5c2f1a;--text-dark:#1e293b;--text-light:#64748b;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}.nav-left{align-items:center;display:flex}.logo-link{transition:var(--transition-smooth);display:block}.logo-link:hover{opacity:.9;transform:scale(1.02)}.navbar{background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;box-shadow:var(--nav-shadow);z-index:1000;border-bottom:1px solid #0000000d;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:.75rem 2rem;display:flex}.nav-left .logo-link{transition:var(--transition-smooth);display:block}.nav-left .logo-link:hover{opacity:.9;transform:scale(1.02)}.logo{object-fit:contain;width:auto;height:52px}.nav-right{align-items:center;gap:1.5rem;display:flex}.nav-links{transition:var(--transition-smooth);gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-links li a{color:var(--text-dark);transition:var(--transition-smooth);border-radius:12px;align-items:center;gap:.625rem;padding:.625rem 1.25rem;font-size:1rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-links li a.active{color:var(--primary-green);font-weight:600}.nav-links li a.active .nav-icon{color:var(--primary-green);transform:scale(1.05)}.nav-links li a:hover{background:var(--primary-green-soft);color:var(--primary-green);transform:translateY(-2px)}.nav-icon{transition:var(--transition-smooth);color:var(--text-light);font-size:1.2rem}.nav-links li a:hover .nav-icon{color:var(--primary-green);transform:scale(1.1)}.nav-toggle{cursor:pointer;color:var(--text-dark);transition:var(--transition-smooth);z-index:1001;background:0 0;border:none;border-radius:10px;padding:.5rem;font-size:1.6rem;display:none}.nav-toggle:hover{background:var(--primary-green-soft);color:var(--primary-green)}.nav-toggle.open{color:var(--primary-green)}@media (max-width:1024px){.nav-container{padding:.75rem 1.5rem}.nav-links li a{padding:.5rem 1rem;font-size:.95rem}}@media (max-width:768px){.nav-toggle{justify-content:center;align-items:center;display:flex}.nav-links{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;z-index:1000;background:#fff;border:1px solid #0000000d;border-radius:20px;flex-direction:column;gap:.5rem;padding:1rem;transition:opacity .2s,visibility .2s,transform .2s;position:absolute;top:100%;right:1rem;transform:translateY(-10px);box-shadow:0 20px 35px -10px #0003}.nav-links.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-links li a{justify-content:flex-start;width:200px}@media (max-width:480px){.nav-links{border-radius:14px;width:40%;left:50%;transform:translate(-50%)translateY(-10px)}.nav-links li a{width:100%}}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.main{flex:1;justify-content:center;align-items:center;padding:50px 20px;display:flex}.service-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;width:100%;max-width:1000px;display:grid}.service-card{text-align:center;background:#fff;border:.2px solid #e9e4e4;border-radius:10px;padding:30px 20px;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 6px #0000001a}.service-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0003}.service-card img{object-fit:contain;width:60px;height:60px;margin-bottom:10px}.service-card h3{color:#333;margin-top:5px;font-weight:500}.icon{color:green;margin-bottom:10px;font-size:40px}.footer{color:#fff;text-align:center;background-color:#2c2c2c;width:auto;margin-top:auto;padding:15px;font-size:.9rem}canvas{z-index:-1;pointer-events:none;background:#fff;width:100vw;height:100vh;position:fixed;top:0;left:0}
