:root{--bg-color: #f2f2f2;--card-bg: #e5e5e5;--accent: #ffcc00;--text-main: #111111;--text-sub: #555555;--tras-bg: rgba(157, 157, 157, .3);--shadow: rgba(0, 0, 0, .8)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:3;background-color:#fff;padding:10px 0;box-shadow:0 2px 10px var(--shadow);display:flex;justify-content:space-between;align-items:center}.logo img{width:150px}.logo-white{display:none}.menu{font-size:14px;color:var(--bg-color);cursor:pointer;margin-right:20px;background-color:#0009;padding:8px 16px;border-radius:10px;z-index:2000}.account{display:none}.nav-links{position:fixed;top:0;right:-250px;height:100%;width:250px;background-color:var(--bg-color);display:flex;flex-direction:column;align-items:center;padding-top:80px;transition:right .3s ease;z-index:1000}.nav-links ul{list-style:none;text-align:center;padding:0}.nav-links ul li a{display:block;padding:15px 0;text-decoration:none;font-size:20px;color:var(--text-main);font-weight:700}.nav-links.open{right:0}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:500}@media(min-width:800px){.navbar{background-color:#fff;padding:10px 0;box-shadow:0 2px 10px var(--shadow)}.logo img{width:150px;max-width:100%}.logo-black{display:inline}.logo-white{display:none}}@media(min-width:1100px){.menu{display:none}.account{display:inline;color:var(--bg-color);background-color:#0009;padding:8px 16px;border-radius:10px;cursor:pointer}.navbar{width:100%;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px var(--shadow);position:fixed;box-sizing:border-box}.nav-links{position:static;right:auto;height:auto;width:auto;flex-direction:row;align-items:center;background-color:transparent;padding-top:0;z-index:auto}.nav-links ul{display:flex;gap:30px;padding:0;margin:0;align-items:center;list-style:none}.nav-links ul li a{color:var(--text-main);text-decoration:none;font-weight:400;font-size:16px;padding:0 5px}.nav-links ul li a:hover{background-color:var(--tras-bg);padding:8px;border-radius:5px}}