.navbar{background-color:#ffffff;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 4px rgba(0,0,0,.05);position:sticky;top:0;z-index:1000}.dark .navbar{background-color:#1f2937;border-bottom:1px solid #374151;box-shadow:0 2px 4px rgba(0,0,0,.3)}.navbar-container{display:flex;align-items:center;padding:1rem 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{color:#333;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#663399}.dark .nav-links a{color:#ffffff!important}.dark .nav-links a:hover{color:#e5e7eb!important}.auth-button{margin-left:auto;gap:.75rem}.auth-button,.signin-button{display:flex;align-items:center}.signin-button{gap:.5rem;color:#ffffff;background-color:#663399;text-decoration:none;font-weight:500;padding:.5rem 1.25rem;border-radius:4px;transition:background-color .3s ease,transform .2s ease;white-space:nowrap;min-width:120px}.signin-button:hover{background-color:#5a2d8a;transform:translateY(-2px)}.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-left: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: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%;left:0;right: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:#1f2937;box-shadow:0 8px 20px rgba(0,0,0,.4);border-top:1px solid #374151}.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-left: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}}