.navbar{z-index:1000;background-color:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.dark .navbar{background-color:#000;border-bottom:1px solid #374151;box-shadow:0 2px 4px #0000004d}.navbar-container{align-items:center;width:100%;max-width:1600px;margin:0 auto;padding:1rem 2rem;display:flex}.logo{color:#639;font-size:1.25rem;font-weight:700}.nav-separator{color:#ccc;margin:0 1.5rem;font-size:1.25rem}.nav-links{gap:2rem;display:flex}.nav-links a{color:#333;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#639}.dark .nav-links a{color:#fff!important}.dark .nav-links a:hover{color:#e5e7eb!important}.auth-button{align-items:center;gap:.75rem;margin-left:auto;display:flex}.signin-button{color:#fff;white-space:nowrap;background-color:#639;border-radius:4px;align-items:center;gap:.5rem;min-width:120px;padding:.5rem 1.25rem;font-weight:500;text-decoration:none;transition:background-color .3s,transform .2s;display:flex}.signin-button:hover{background-color:#5a2d8a;transform:translateY(-2px)}.signin-button i{font-size:1.6rem}.mobile-menu-button{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;margin-left:1rem;padding:8px;transition:background-color .3s;display:none}.mobile-menu-button:hover{background-color:#6633991a}.dark .mobile-menu-button:hover{background-color:#a855f71a}.mobile-menu-button span{transform-origin:50%;background-color:#333;border-radius:2px;width:24px;height:3px;transition:all .3s;display:block}.dark .mobile-menu-button span{background-color:#d1d5db}.mobile-menu-button.active span:first-child{transform:rotate(45deg)translate(6px,6px)}.mobile-menu-button.active span:nth-child(2){opacity:0}.mobile-menu-button.active span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}@media (max-width:850px){.navbar-container{padding:1rem}.logo{flex-shrink:0;min-width:120px}.logo img{max-width:140px!important;height:auto!important}.nav-links{z-index:1000;background-color:#fff;border-top:1px solid #e5e5e5;flex-direction:column;gap:1rem;padding:1.5rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 20px #00000026}.dark .nav-links{background-color:#1f2937;border-top:1px solid #374151;box-shadow:0 8px 20px #0006}.nav-links.active{animation:.3s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-links a{text-align:center;border-bottom:1px solid #f3f4f6;padding:.75rem 0;font-size:1.1rem;transition:all .3s}.dark .nav-links a{border-bottom:1px solid #374151}.nav-links>a:last-of-type{border-bottom:none}.nav-links a:hover{background-color:#6633990d;border-radius:6px;margin:0 -1rem;padding-left:1rem;padding-right:1rem;color:#639!important}.dark .nav-links a:hover{color:#a855f7!important;background-color:#a855f71a!important}.mobile-auth-section{border-top:1px solid #f3f4f6;justify-content:center;margin-top:.75rem;padding-top:.75rem;display:flex}.dark .mobile-auth-section{border-top:1px solid #374151}.mobile-auth-section .signin-button{border:none;justify-content:center;width:100%;max-width:200px;padding:.75rem 1.25rem;font-size:1rem;border-bottom:none!important}.mobile-auth-section .signin-button:hover{border-bottom:none!important}.nav-separator{display:none}.mobile-menu-button{display:flex}.mobile-top-right{align-items:center;gap:.75rem;margin-left:auto;display:flex}.auth-button{display:none}}@media (max-width:480px){.navbar-container{padding:.75rem}.logo img{max-width:120px!important}.mobile-auth-section .signin-button{padding:.5rem 1rem;font-size:.9rem}.mobile-auth-section .signin-button span{display:inline}.mobile-auth-section .signin-button svg{margin-right:.5rem!important}}