.nav-island-container{z-index:100;width:90%;max-width:520px;transition:max-width .6s cubic-bezier(.16,1,.3,1),top .6s cubic-bezier(.16,1,.3,1),background-color .4s;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.nav-island-inner{-webkit-backdrop-filter:blur(28px);background:#0a0b0da6 linear-gradient(135deg,#ffffff0f 0%,#fff0 100%);border:1px solid #ffffff1f;border-radius:40px;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 12px 40px #0006,inset 0 1px #ffffff14}.nav-island-inner:hover{background:#08090abf;border-color:#ffffff38;box-shadow:0 20px 50px #0000008c,0 0 30px #ffffff08,inset 0 1px #ffffff1f}.nav-brand{letter-spacing:.15em;color:#fff;white-space:nowrap;align-items:center;gap:.6rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:opacity .4s;display:flex}.nav-logo{object-fit:contain;filter:drop-shadow(0 0 4px #ffffff1a);width:auto;height:56px;transition:height .6s cubic-bezier(.16,1,.3,1)}.nav-island-container.scrolled .nav-logo{height:44px}.nav-links-list{opacity:1;gap:1.75rem;max-width:400px;margin:0;padding:0;list-style:none;transition:opacity .4s,max-width .5s,transform .5s;display:flex}.nav-link-item a{letter-spacing:.02em;color:#fff9;padding-bottom:6px;font-size:.85rem;font-weight:400;text-decoration:none;transition:color .3s;position:relative}.nav-link-item a:hover{color:#fff}.nav-link-item a.active{color:#fff;font-weight:500}.nav-link-item a:after{content:"";opacity:0;background-color:#fff;border-radius:4px;width:14px;height:2px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0);box-shadow:0 0 10px #fffc,0 0 5px #ffffff80}.nav-link-item a.active:after{opacity:1;transform:translate(-50%)scaleX(1)}.nav-action-btn{color:#000;cursor:pointer;white-space:nowrap;text-align:center;background:#fff;border:none;border-radius:20px;padding:.5rem 1.25rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.nav-action-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #ffffff40}.nav-island-container.scrolled{max-width:230px;top:1rem}.nav-island-container.scrolled .nav-island-inner{background:#060708d9;border-color:#ffffff2e;padding:.4rem 1.1rem;box-shadow:0 8px 32px #00000080}.nav-island-container.scrolled .nav-links-list{opacity:0;pointer-events:none;gap:0;max-width:0;margin:0;overflow:hidden;transform:scale(.9)}.nav-island-container.scrolled .nav-brand{font-size:.85rem}.nav-island-container.scrolled.hovered{max-width:520px}.nav-island-container.scrolled.hovered .nav-island-inner{background:#08090ae6;border-color:#ffffff40;box-shadow:0 20px 50px #0009,0 0 30px #ffffff0a}.nav-island-container.scrolled.hovered .nav-links-list{opacity:1;pointer-events:auto;gap:1.75rem;max-width:400px;transform:scale(1)}.nav-mobile-toggle{display:none}@media (max-width:768px){.nav-island-container{width:92%;transition:max-width .4s cubic-bezier(.16,1,.3,1),border-radius .4s;top:1rem;max-width:290px!important}.nav-island-container.mobile-open{max-width:320px!important}.nav-island-inner{background:#060708eb;border-color:#ffffff29;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.4rem 1.1rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 30px #00000080}.nav-island-container.mobile-open .nav-island-inner{border-radius:24px;padding:.8rem 1.2rem}.nav-links-list{display:none!important}.nav-island-container.mobile-open .nav-links-list{border-top:1px solid #ffffff14;flex-direction:column;order:10;align-items:center;gap:1rem;width:100%;margin-top:1rem;padding:.8rem 0 .4rem;opacity:1!important;pointer-events:auto!important;max-width:100%!important;display:flex!important;transform:none!important}.nav-brand{letter-spacing:.08em;font-size:.8rem}.nav-logo{height:44px!important}.nav-action-btn{padding:.4rem .9rem;font-size:.75rem}.nav-mobile-toggle{color:#fffc;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;margin-left:.4rem;padding:.3rem;transition:color .2s,transform .2s;display:flex}.nav-mobile-toggle:hover{color:#fff}.nav-mobile-toggle:active{transform:scale(.9)}}