.navbar[data-v-32b0d8ab]{background:transparent;display:none;left:50%;padding:1rem;position:fixed;top:20px;transform:translate(-50%);z-index:100}.dynamic-island[data-v-32b0d8ab],.navbar[data-v-32b0d8ab]{align-items:center;justify-content:center}.dynamic-island[data-v-32b0d8ab]{background:linear-gradient(135deg,#222,#333);border-radius:30px;box-shadow:0 5px 15px #0000004d;color:#fff;cursor:pointer;display:flex;gap:1rem;min-width:50px;overflow:hidden;padding:.6rem 1.2rem;transition:all .4s ease-in-out}.dynamic-island.expanded[data-v-32b0d8ab]{background:linear-gradient(135deg,#111,#444);border-radius:40px;box-shadow:0 8px 20px #00ffcc80;min-width:350px;padding:1rem 2rem}.logo a[data-v-32b0d8ab]{color:#fff;font-size:1.4rem;font-weight:700;text-decoration:none;transition:transform .3s ease}.nav-links[data-v-32b0d8ab]{display:flex;gap:1rem;list-style:none;opacity:0;transition:opacity .3s ease-in-out}.dynamic-island.expanded .nav-links[data-v-32b0d8ab]{opacity:1}.nav-links a[data-v-32b0d8ab]{color:#fff;font-size:1rem;font-weight:700;text-decoration:none;transition:color .3s ease-in-out}.nav-links a[data-v-32b0d8ab]:hover{color:#0fc}@media (max-width:768px){.dynamic-island.expanded[data-v-32b0d8ab]{min-width:250px}}