:root{--accent-color: #fff676;--accent-dark: #e6d966;--text-primary: #000000;--text-secondary: #666666;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--border-color: #e5e5e5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}#root{min-height:100vh}.nav-container{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000}.nav-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:70px}.logo-section{display:flex;align-items:center;gap:.75rem}.logo-section img{height:32px;width:32px}.logo-section h1{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.nav-tabs{display:flex;gap:2rem}.desktop-nav{display:flex}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-menu span{width:100%;height:3px;background-color:var(--text-primary);border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger-menu.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-menu.open span:nth-child(2){opacity:0;transform:translate(20px)}.hamburger-menu.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-overlay{position:fixed;inset:0;background:#ffffff4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{position:absolute;top:70px;right:0;margin-top:1px;width:280px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 0 12px;box-shadow:-2px 2px 20px #0000001a;padding:2rem 0;transform:translate(100%);transition:transform .3s ease}.mobile-menu-overlay.open .mobile-menu{transform:translate(0)}.mobile-nav-tab{display:block;width:100%;padding:1rem 2rem;background:none;border:none;font-size:1.1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-align:left;border-left:4px solid transparent}.mobile-nav-tab:hover{color:var(--text-primary);background-color:var(--bg-secondary);border-left-color:var(--accent-color)}.mobile-nav-tab.active{color:var(--text-primary);background-color:var(--accent-color);border-left-color:var(--text-primary)}.nav-tab{background:none;border:none;padding:.5rem 1rem;font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-radius:6px}.nav-tab:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.nav-tab.active{color:var(--text-primary);background-color:var(--accent-color)}.main-content{margin-top:70px;min-height:calc(100vh - 70px)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.1}.animated-shapes{position:absolute;inset:0}.shape{position:absolute;border-radius:50%;background:#fff6761a;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;top:80%;left:20%;animation-delay:4s}.shape-4{width:100px;height:100px;top:30%;right:30%;animation-delay:1s}.shape-5{width:140px;height:140px;top:70%;left:60%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:2rem}.hero-logo{width:120px;height:120px;margin:0 auto 2rem;display:block}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.cta-button{background-color:var(--accent-color);color:var(--text-primary);border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.cta-button:hover{background-color:var(--accent-dark);transform:translateY(-2px)}.page-content{max-width:1200px;margin:0 auto;padding:4rem 2rem}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.page-description{font-size:1.1rem;color:var(--text-secondary);text-align:center;margin-bottom:3rem}.scroll-content{background-color:var(--bg-primary);padding:4rem 0}.content-section{max-width:1200px;margin:0 auto;padding:3rem 2rem;text-align:center}.content-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.content-section p{font-size:1.2rem;color:var(--text-secondary);line-height:1.8;max-width:800px;margin:0 auto}@media (max-width: 768px){.nav-content{padding:0 1rem}.desktop-nav{display:none}.hamburger-menu{display:flex}.hero-title{font-size:2.5rem}.hero-logo{width:80px;height:80px}.content-section{padding:2rem 1rem}.content-section h2{font-size:2rem}.content-section p{font-size:1.1rem}}@media (max-width: 900px){.desktop-nav{display:none}.hamburger-menu{display:flex}}@media (min-width: 901px){.desktop-nav{display:flex!important}.hamburger-menu{display:none!important}}.App{min-height:100vh}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.p-4{padding:1rem}.rounded{border-radius:.375rem}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.animated-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}@keyframes translateWave{0%{transform:translate(0);opacity:.6}25%{opacity:.8}50%{opacity:.4}75%{opacity:.7}to{transform:translate(100%);opacity:.6}}.contact-form{max-width:500px;margin:2rem auto;padding:2rem;background:#f8f9fa;border-radius:8px;box-shadow:0 4px 6px #0000001a}.contact-form h2{text-align:center;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px}.contact-form button{width:100%;padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.contact-form button:hover{background-color:#0056b3}.status-message{text-align:center;margin-top:1rem;font-weight:700}