.navbar{background-color:#ffffff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px rgba(0,0,0,.04);position:sticky;top:0;z-index:1000}.dark .navbar{background-color:#0B1020;border-bottom:1px solid rgba(129,140,248,.18);box-shadow:0 2px 12px rgba(0,0,0,.35)}.navbar-container{display:flex;align-items:center;padding:.875rem 2rem;max-width:1600px;margin:0 auto;width:100%}.logo img{max-height:36px!important;width:auto!important}.logo{font-weight:700;font-size:1.25rem;color:#663399}.nav-separator{color:#cccccc;margin:0 1.5rem;font-size:1.25rem}.nav-links{display:flex;gap:2rem}.nav-links a,.nav-links span{color:#1F2937;text-decoration:none;font-weight:600;font-size:.95rem;letter-spacing:.01em;transition:color .2s ease}.nav-links a:hover,.nav-links span:hover{color:#4F46E5}.dark .nav-links a,.dark .nav-links span{color:#F1F5F9!important}.dark .nav-links a:hover,.dark .nav-links span:hover{color:#A5B4FC!important}.dark .nav-separator{color:rgba(241,245,249,.35)}.auth-button{margin-inline-start:auto;display:flex;align-items:center;gap:.75rem}.signin-button{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 1rem;color:#171717!important;background-color:transparent;border:1px solid #d4d4d4;border-radius:9999px;text-decoration:none;font-size:.8125rem;font-weight:500;letter-spacing:0;transition:background-color .18s ease,border-color .18s ease,color .18s ease;white-space:nowrap}.signin-button:hover{background-color:#fafafa;border-color:#a3a3a3;color:#0a0a0a!important}.dark .signin-button{color:#fafafa!important;background-color:transparent;border-color:#404040}.dark .signin-button:hover{background-color:#171717;border-color:#525252;color:#ffffff!important}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;flex-direction:column;justify-content:center;gap:4px;padding:8px;margin-inline-start:1rem;border-radius:4px;transition:background-color .3s ease;width:40px;height:40px}.mobile-menu-button:hover{background-color:rgba(102,51,153,.1)}.dark .mobile-menu-button:hover{background-color:rgba(168,85,247,.1)}.mobile-menu-button span{display:block;width:24px;height:3px;background-color:#333;transition:all .3s ease;border-radius:2px;transform-origin:center}.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:.75rem 1rem}.logo{flex-shrink:0;min-width:120px}.logo img{max-width:140px!important;height:auto!important}.nav-links{display:none;flex-direction:column;position:absolute;top:100%;inset-inline-start:0;inset-inline-end:0;background-color:white;padding:1.5rem;box-shadow:0 8px 20px rgba(0,0,0,.15);z-index:1000;border-top:1px solid #e5e5e5;gap:1rem}.dark .nav-links{background-color:#0B1020;box-shadow:0 8px 20px rgba(0,0,0,.5);border-top:1px solid rgba(129,140,248,.18)}.nav-links.active{display:flex;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-links a{padding:.75rem 0;border-bottom:1px solid #f3f4f6;font-size:1.1rem;text-align:center;transition:all .3s ease}.dark .nav-links a{border-bottom:1px solid #374151}.nav-links>a:last-of-type{border-bottom:none}.nav-links a:hover{color:#663399!important;background-color:rgba(102,51,153,.05);padding-left:1rem;padding-right:1rem;border-radius:6px;margin:0 -1rem}.dark .nav-links a:hover{color:#a855f7!important;background-color:rgba(168,85,247,.1)!important}.mobile-auth-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f3f4f6;display:flex;justify-content:center}.dark .mobile-auth-section{border-top:1px solid #374151}.mobile-auth-section .signin-button{width:100%;max-width:220px;height:44px;padding:0 1.25rem;font-size:.875rem}.nav-separator{display:none}.mobile-menu-button{display:flex}.mobile-top-right{margin-inline-start:auto;display:flex;align-items:center;gap:.75rem}.auth-button{display:none}}@media (max-width:480px){.navbar-container{padding:.75rem}.logo img{max-width:120px!important}.mobile-auth-section .signin-button{height:40px;padding:0 1rem;font-size:.8125rem}}