.navbar{justify-content:space-between;padding:1rem 2rem;background-color:#101010;border-bottom:1px solid #222;z-index:1000;position:relative}.nav-left,.navbar{display:flex;align-items:center}.nav-left{gap:.75rem}.logo{height:40px;width:40px}.small-title{font-weight:700;font-size:1.2rem;color:#ccc}.motto{color:#777;font-size:.9rem}.nav-links-desktop,.nav-right{display:flex;align-items:center;gap:1.25rem}.nav-right a{color:#aaa;text-decoration:none;font-family:var(--font-terminal);transition:color .2s ease}.nav-right a:hover{color:#00ff88}.profile-pic{width:32px;height:32px;border-radius:50%;cursor:pointer;transition:transform .2s ease}.profile-pic:hover{transform:scale(1.1)}.hamburger{width:32px;height:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;gap:5px}.hamburger-bar{width:24px;height:3px;background:#aaa;border-radius:2px;transition:background .2s}.hamburger:hover .hamburger-bar{background:#00ff88}.menu-dropdown{position:absolute;right:2rem;top:4.5rem;background-color:#181818;padding:1rem;border-radius:8px;border:1px solid #333;box-shadow:0 0 10px rgba(0,255,128,.1);z-index:1001;min-width:220px}.menu-dropdown .main-nav-links{display:none;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #333}.menu-dropdown .main-nav-links a{color:#aaa;text-decoration:none;padding:.5rem 0;font-size:1rem;transition:color .2s ease}.menu-dropdown .main-nav-links a:hover{color:#00ff88}.expandable-menu{position:relative;z-index:1002}.menu-dropdown .expandable-menu-label{background:none;border:none;color:#aaa;font-size:1rem;width:100%;text-align:left;padding:.5rem 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1002}.menu-dropdown .expandable-menu-label:hover{color:#00ff88}.expandable-menu-content{margin-left:1rem;margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem;position:relative;z-index:1003;pointer-events:all}.expandable-menu-content a{color:#aaa;text-decoration:none;padding:.25rem 0;font-size:.95rem;transition:color .2s ease;cursor:pointer}.expandable-menu-content a:hover{color:#00ff88}.arrow{margin-left:.5rem;transition:transform .2s}.arrow.expanded{transform:rotate(90deg)}.dropdown{position:absolute;right:2rem;top:4.5rem;background-color:#181818;padding:1rem;border-radius:8px;border:1px solid #333;box-shadow:0 0 10px rgba(0,255,128,.1);z-index:1001}.hidden{display:none}@media (max-width:768px){.navbar{padding:1rem}.motto,.nav-links-desktop{display:none}.menu-dropdown .main-nav-links{display:flex}.nav-left{gap:.5rem}.nav-right{gap:.75rem}.menu-dropdown{position:fixed;top:4.5rem;max-height:calc(100vh - 5rem);overflow-y:auto}.dropdown,.menu-dropdown{left:1rem;right:1rem;width:auto}.hamburger,.profile-pic{padding:.25rem}}