.navbar{background-color:var(--dark-color);color:var(--text-light);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);position:relative}.logo{font-size:1.8rem;font-weight:bold;color:var(--text-light);text-decoration:none;display:flex;align-items:center}.logo span{color:var(--accent-color)}.nav-container{display:flex;align-items:center}.nav-links{z-index:100;display:flex;list-style:none;transition:var(--transition)}.nav-links li{margin-left:1.5rem}.nav-links a{color:var(--text-light);text-decoration:none;font-weight:500;transition:var(--transition);position:relative;padding:0.5rem 0}.nav-links a:hover{color:var(--accent-color)}.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-color);transition:var(--transition)}.nav-links a:hover::after{width:100%}.auth-buttons{display:flex;gap:1rem;margin-left:1.5rem}.btn{padding:0.6rem 1.2rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-login{background-color:transparent;color:var(--text-light);border:1px solid var(--text-light)}.btn-login:hover{background-color:rgba(255,255,255,0.1)}.btn-signup{background-color:var(--accent-color);color:var(--text-light)}.btn-signup:hover{background-color:#e66a4a;transform:translateY(-2px)}.hamburger{display:none;cursor:pointer;background:none;border:none;color:var(--text-light);font-size:1.5rem}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center}.modal-content{background-color:var(--light-color);padding:2rem;border-radius:8px;width:100%;max-width:400px;box-shadow:var(--shadow);position:relative}.close-btn{position:absolute;top:1rem;right:1rem;font-size:1.5rem;cursor:pointer;color:var(--text-color)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;font-weight:500}.form-group input{width:100%;padding:0.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.submit-btn{width:100%;padding:0.8rem;background-color:var(--primary-color);color:var(--text-light);border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.submit-btn:hover{background-color:#5d38c7}.alert{position:fixed;top:2rem;right:2rem;padding:1rem 2rem;background-color:var(--primary-color);color:var(--text-light);border-radius:4px;box-shadow:var(--shadow);z-index:1100;display:none}@media (max-width:992px){.nav-container{position:fixed;top:50px;left:0;width:100%;background-color:var(--dark-color);flex-direction:column;align-items:center;padding:1rem 0;max-height:0;overflow:hidden;transition:max-height 0.5s ease;box-shadow:var(--shadow);z-index:999}.nav-container.active{max-height:100vh;padding:2rem 0}.nav-links{flex-direction:column;width:100%;align-items:center}.nav-links li{margin:0.8rem 0;width:100%;text-align:center}.nav-links a{display:block;padding:0.8rem}.auth-buttons{flex-direction:column;width:80%;margin:1.5rem 0 0;gap:1rem}.btn{width:100%;padding:0.8rem}.hamburger{display:block}}.toggle-menu{position:relative;cursor:pointer;width:30px;height:24px;display:none;flex-direction:column;background-color:var(--dark-color);justify-content:space-between}.toggle-menu span{display:block;width:100%;height:3px;background-color:var(--light-color);transition:var(--light-color);border-radius:3px}.toggle-menu.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.toggle-menu.active span:nth-child(2){opacity:0}.toggle-menu.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:992px){.toggle-menu{display:flex}.nav-container{display:none}.nav-container.active{display:flex}}