.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:1.25rem 2rem;max-width:1600px;margin:0 auto;width:100%}.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;gap:.75rem}.auth-button,.signin-button{display:flex;align-items:center}.signin-button{gap:.5rem;color:#ffffff!important;background-color:#4F46E5;border:1px solid #4f46e5;text-decoration:none;font-weight:600;padding:.5rem 1.25rem;border-radius:8px;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;white-space:nowrap;min-width:120px}.signin-button:hover{background-color:#4338CA;border-color:#4338CA;color:#ffffff!important;transform:translateY(-1px)}.dark .signin-button{background-color:#4F46E5;border-color:rgba(129,140,248,.55)}.dark .signin-button:hover{background-color:#4338CA;border-color:#A5B4FC}.signin-button i{font-size:1.6rem}.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:1.1rem 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:200px;justify-content:center;padding:.75rem 1.25rem;font-size:1rem;border:none;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{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{padding:.5rem 1rem;font-size:.9rem}.mobile-auth-section .signin-button span{display:inline}.mobile-auth-section .signin-button svg{margin-right:.5rem!important}}