.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 12rem;background-color:var(--primary-color);color:var(--text-color);position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.2);z-index:100}.logo{font-size:1.8rem;font-weight:700;text-decoration:none;color:var(--text-color);display:flex;align-items:center}.logo span{color:#ffd700}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:500;font-size:1.1rem;transition:all 0.3s ease;position:relative;padding:0.5rem 0}.nav-links a:hover{color:#ffd700}.nav-links a::after{content:'';position:absolute;width:0;height:2px;background:#ffd700;bottom:0;left:0;transition:width 0.3s ease}.nav-links a:hover::after{width:100%}.login-btn{background-color:#ffd700;color:#333;border:none;padding:0.6rem 1.2rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.login-btn:hover{background-color:#ffc107;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.hamburger{display:none;cursor:pointer;font-size:1.5rem}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:var(--secondary-color);min-width:200px;box-shadow:0 8px 16px rgba(0,0,0,0.2);z-index:1;border-radius:0 0 8px 8px;overflow:hidden}.dropdown-content a{color:var(--text-color);padding:12px 16px;text-decoration:none;display:block;transition:background-color 0.3s}.dropdown-content a:hover{background-color:var(--hover-color)}.dropdown:hover .dropdown-content{display:block}@media (max-width:1024px){.navbar{padding:1rem 9rem}.nav-links{gap:1rem}}@media (max-width:768px){.navbar{padding:1rem 3rem}.nav-links{position:absolute;right:0;top:70px;background-color:var(--primary-color);flex-direction:column;width:100%;align-items:center;padding:1rem 0;clip-path:circle(0px at 90% -10%);transition:all 0.5s ease-out;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.nav-links.active{clip-path:circle(1000px at 90% -10%);pointer-events:all}.hamburger{display:block}.dropdown-content{position:static;display:none;width:100%;box-shadow:none;border-radius:0}.dropdown:hover .dropdown-content{display:none}.dropdown.active .dropdown-content{display:block}}.top-bar{background-color:var(--topbar-bg);color:var(--text-color);padding:0.5rem 2rem;font-size:0.9rem;text-align:center;position:relative}.top-bar::before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(to bottom,#ffd700,#ff8c00)}