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