body{font-family:var(--font-family);margin:0;padding:0;background:var(--background-page-gradient)}.menu-bar{justify-content:space-between;padding:15px 30px;box-shadow:0 4px 10px rgba(0,0,0,.1);position:relative;z-index:10000;background-color:#363636}.menu-bar,.menu-bar-logo{display:flex;align-items:center}.menu-bar-image{height:50px;border:2px solid #2574fc00;border-radius:0;transition:all .3s ease-in-out}.menu-bar-image:hover{transform:scale(1.1)}.menu-bar-pages{display:flex;gap:20px}.menu-bar-anchor{text-decoration:none;font-size:1.4rem;color:white;font-weight:700;transition:color .3s ease-in-out}.menu-bar-anchor:hover{background:var(--hover-text-color);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.menu-bar-login .menu-bar-login-btn{text-decoration:none;font-size:1rem;font-weight:700;color:white;border-radius:10px;background:var(--background-gradient);transition:.3s ease-in-out;padding:10px 20px}.menu-bar-login .menu-bar-login-btn:hover{background:#336bff}.menu-bar-toggle{display:none;font-size:2rem;cursor:pointer;color:var(--text-color)}@media (max-width:768px){.menu-bar{padding:15px}.menu-bar-pages{display:none;flex-direction:column;position:absolute;top:60px;left:0;width:100%;background-color:#363636;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.1);text-align:center;gap:15px}.menu-bar-pages.active{display:flex}.menu-bar-toggle{display:block}}