:root{--header-bg: #1e1e1e;--text-light: #f0f0f0;--border-color: #3a3a3a;--primary-accent: #5865f2}.hamburger-toggle{position:fixed;top:15px;right:15px;z-index:101;width:40px;height:40px;display:flex;flex-direction:column;justify-content:space-around;padding:8px;background-color:var(--header-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer}.hamburger-toggle .bar{width:100%;height:3px;background-color:var(--text-light);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:99;opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.25,.8,.25,1),visibility 0s .4s}.hamburger-menu{position:fixed;top:0;right:0;height:100%;background-color:var(--header-bg);color:var(--text-light);padding:1.5rem 1rem;box-shadow:-5px 0 15px #00000080;z-index:100;display:flex;flex-direction:column;width:90%;max-width:300px;transform:translate(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1)}.is-open.nav-overlay{opacity:1;visibility:visible;transition-delay:0s}.is-open.hamburger-menu{transform:translate(0)}.is-open .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.is-open .bar:nth-child(2){opacity:0}.is-open .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-header{display:flex;justify-content:space-between;align-items:center;font-size:1.25rem;font-weight:700;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem}.close-btn{background:none;border:none;color:var(--text-light);font-size:2.5rem;line-height:1;padding:0;cursor:pointer;transition:color .2s ease,transform .2s ease}.close-btn:hover{color:var(--primary-accent);transform:rotate(90deg)}.nav-content{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.nav-content .nav-link{display:block;background-color:#2a2a2a;color:#b0b0b0;padding:12px 16px;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color .2s ease,color .2s ease,transform .1s ease}.nav-content .nav-link:hover{background-color:#3e3e3e;color:#fff}.nav-content .nav-link:active,.nav-content .nav-link:focus-visible{background-color:var(--primary-accent);color:#fff;transform:scale(.98);outline:2px solid var(--primary-accent);outline-offset:2px}.nav-divider{height:1px;background-color:var(--border-color);margin:1rem 0}.login-logout-button{text-align:center;font-weight:700}