@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");body{margin:0;padding:0;font-family:Poppins,sans-serif}.nav-container{position:fixed;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.5rem;z-index:1000;background:transparent;backdrop-filter:blur(16px);width:100%;transition:all .3s ease}.nav-container.scrolled{background:#171717;backdrop-filter:blur(16px)}.nav-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex}.nav-right{flex-shrink:0;display:flex;align-items:center;gap:.5rem}.logo-container{flex-shrink:0;width:160px;transition:width .3s ease}.nav-links{display:flex;gap:.75rem;justify-content:center}.nav-link{color:white;text-decoration:none;font-size:clamp(.95rem,1vw,1.25rem);padding:.25rem .5rem;transition:color .3s ease}.nav-link:hover{color:#d1d5db}.contact-btn{position:relative;border-radius:12px;background:linear-gradient(90deg,#96bdd9,#629dc7);color:black;padding:.4rem 1rem;text-decoration:none;display:inline-block;font-size:.95rem;cursor:pointer;transition:background .3s,color .3s,width .3s;width:auto;text-align:left}.contact-btn:hover{background:#fff;color:#629DC7}.auto-width-btn{overflow:hidden}.auto-width-btn,.typing-text{display:inline-block;white-space:nowrap}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:36px;height:30px;cursor:pointer;z-index:1001}.hamburger span{height:3px;background:white;border-radius:3px;width:100%;transition:all .3s ease}.hamburger.active span:first-child{transform:translateY(9px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(39,39,42,.95);backdrop-filter:blur(15px);flex-direction:column;align-items:center;justify-content:center;gap:2rem;transform:translateX(100%);transition:transform .3s ease;z-index:999}.mobile-menu.open{transform:translateX(0)}@media (max-width:768px){.desktop-contact-btn,.nav-links{display:none}.hamburger,.mobile-menu{display:flex}.mobile-menu .nav-links{display:flex;flex-direction:column;align-items:center;gap:2rem}.mobile-menu .contact-btn{margin-top:1rem}}