:root{--primary-orange: #ff6b00;--primary-orange-light: #ff8c33;--primary-orange-dark: #e55b00;--background-dark: #1a1a1a;--text-light: #f4f4f4;--font-family: "Roboto", "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));box-shadow:0 4px 15px #0003;position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.navbar-logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:var(--text-light);text-decoration:none;transform:scale(1);transition:transform .2s ease}.navbar-logo:hover{transform:scale(1.05)}.navbar-logo img{height:40px;margin-right:10px}.navbar-menu{display:flex;align-items:center;gap:1.5rem}.navbar-link{color:var(--text-light);text-decoration:none;position:relative;font-weight:500;transition:all .3s ease;padding:.5rem .75rem;border-radius:6px}.navbar-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:50%;background-color:var(--text-light);transition:all .3s ease}.navbar-link:hover{background-color:#fff3}.navbar-link:hover:after{width:100%;left:0}.navbar-cta{background-color:var(--text-light);color:var(--primary-orange);padding:.6rem 1.2rem;border-radius:25px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 10px #0003;text-decoration:none}.navbar-cta:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000004d;background-color:#fff}.navbar-mobile-toggle{display:none;flex-direction:column;cursor:pointer}.navbar-mobile-toggle span{height:3px;width:25px;background-color:var(--text-light);margin:3px 0;transition:all .3s ease}@media (max-width: 768px){.navbar-menu{display:none}.navbar-mobile-toggle{display:flex}}.navbar-user-info{display:flex;align-items:center;gap:1rem}.navbar-username{color:var(--text-light);font-weight:500;margin-right:.5rem}.navbar-logout{background:#fff3;color:var(--text-light);border:1px solid rgba(255,255,255,.3);transition:all .3s ease;cursor:pointer}.navbar-logout:hover{background:#ffffff4d;transform:scale(1.05)}