@keyframes shine{0%{background-position:0% 50%}to{background-position:100% 50%}}.topbar{position:relative;z-index:30}.topbar-content{background-image:linear-gradient(to top left,#211d3a,#6f64c3);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem 1.25rem;gap:.5rem}@media (min-width: 768px){.topbar-content{flex-direction:row}}.topbar-text{background-image:linear-gradient(90deg,#8d89b5,#fff,#8d89b5 70%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shine 2s linear infinite;font-weight:500}.countdown-timer{display:flex;align-items:center;gap:.25rem;border-radius:.5rem;padding:.25rem .625rem;color:#fff;font-size:.875rem;border:1px solid rgba(255,255,255,.45)}@media (min-width: 768px){.countdown-timer{font-size:1rem}}.countdown-unit{display:flex;min-width:2rem;justify-content:center;gap:.125rem}.countdown-label{opacity:.7;font-size:.875rem;padding-top:1px}@media (min-width: 768px){.countdown-label{padding-top:3px}}.navbar{position:sticky;top:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:.75rem;padding-right:.75rem;padding-top:1px}.navbar-container{display:flex;width:100%;max-width:64rem;align-items:center;justify-content:space-between;gap:1.25rem;border-radius:1rem;padding:1rem 1.25rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s ease-out}.navbar-scrolled{background-color:#ffffff80;border:1px solid rgba(229,231,235,.8);transform:translateY(.75rem)}.dark .navbar-scrolled{background-color:#ffffff0d;border:1px solid rgba(55,65,81,.5)}.navbar-logo{display:flex;align-items:center;gap:.75rem}.navbar-logo img{height:1.5rem}@media (min-width: 640px){.navbar-logo img{height:1.75rem}}.navbar-menu{display:flex;align-items:center;gap:.875rem;font-size:.875rem}.navbar-menu-item{position:relative;font-weight:500;transition:opacity .2s;opacity:.6}.navbar-menu-item:hover,.navbar-menu-item-active{opacity:1}