.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:linear-gradient(135deg,rgba(126,34,206,.08),rgba(6,182,212,.08) 25%,#282c34 50%,rgba(192,38,211,.08) 75%,rgba(126,34,206,.08)),linear-gradient(180deg,#1f2937,#282c34);min-height:64px;position:relative}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:hsla(0,0%,100%,.1)}@media (max-width:768px){.header{padding:.75rem 1rem;min-height:60px}}.nav{display:flex;justify-content:center;gap:1.5rem;font-size:1rem;margin:0 auto;max-width:600px}@media (max-width:768px){.nav{display:none}}.nav-item{position:relative;display:inline-flex;align-items:center;color:hsla(0,0%,100%,.9);text-decoration:none;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}@media (min-width:769px){.nav-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.2)}}@media (max-width:768px){.nav-item{-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none}}@media (max-width:480px){.nav-item{padding:.375rem .75rem!important}.nav-item,.nav-item span{font-size:.8rem}}.profile{display:flex;align-items:center;position:relative;cursor:pointer}.dropdown-menu{position:absolute;top:50px;right:0;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;overflow:hidden;z-index:1000;width:11rem}.dropdown-menu a,.dropdown-menu button{display:block;width:100%;padding:10px 20px;text-decoration:none;font-weight:400;background:none;border:none;text-align:left}.dropdown-menu a:hover,.dropdown-menu button:hover{background-color:#f0f0f0}.dark .dropdown-menu{background-color:#374151;color:#d1d5db}.dark .dropdown-menu a:hover,.dark .dropdown-menu button:hover{background-color:#4b5563;color:#f9fafb}.selected{color:#fff}