.navbar{position:fixed;top:0;left:0;right:0;height:5rem;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;color:var(--foreground);transition:color .5s ease-in-out,background .3s ease .5s,backdrop-filter .3s ease .5s}.dark .navbar,.navbar{background:transparent}.navbar.menu-open{color:white;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:color .5s ease-in-out,background 0s,backdrop-filter 0s}@media (min-width:768px){.navbar{padding:0 2.5rem}}.nav-left,.nav-middle,.nav-right{width:33.333%;display:flex}.nav-left{align-items:center;gap:.75rem}.nav-time{font-size:.9rem;font-weight:500;color:inherit;margin-right:1rem;display:none}@media (min-width:768px){.nav-time{display:inline-block}}.icon-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:#f4f4f5;transition:opacity .2s,background-color .5s ease;border:none;cursor:pointer;color:inherit}.message-btn{display:none}@media (min-width:768px){.message-btn{display:flex}}.dark .icon-btn{background-color:#171717}.icon-btn:hover{opacity:.8}.nav-middle{justify-content:center;flex:1}.logo{display:flex;align-items:center;cursor:pointer}.logo-dot{color:#ef4444}.nav-right{justify-content:flex-end;align-items:center}.menu-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;gap:.35rem;border-radius:50%;background-color:#f4f4f5;transition:opacity .2s,background-color .5s ease;border:none;cursor:pointer;color:inherit}.dark .menu-btn{background-color:#171717}.navbar.menu-open .icon-btn,.navbar.menu-open .menu-btn{background-color:rgba(255,255,255,.1);color:white}.menu-btn:hover{opacity:.8}.menu-line{display:block;width:1.125rem;height:1.5px;background-color:currentColor}.overlay{position:fixed;inset:0;background-color:#000000;color:white;z-index:50;transform:translateY(-100%);display:flex;flex-direction:column}.overlay-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.overlay-links{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}@media (min-width:768px){.overlay-links{gap:1rem}}.overlay-link{font-family:var(--font-poppins);font-size:3rem;font-weight:700;letter-spacing:-.025em;transition:opacity .2s;text-decoration:none;color:white}@media (min-width:768px){.overlay-link{font-size:6rem}}.overlay-link:hover{opacity:.7}.overlay-sublinks{display:flex;gap:2rem;margin-top:3rem;font-size:.875rem;font-weight:500;color:#9ca3af}@media (min-width:768px){.overlay-sublinks{margin-top:4rem}}.overlay-sublink{transition:color .2s;text-decoration:none;color:inherit}.overlay-sublink:hover{color:white}.overlay-footer-container{position:absolute;bottom:2rem;left:1.5rem;right:1.5rem;display:flex;justify-content:space-between;align-items:flex-end;font-size:.875rem;color:#9ca3af;font-family:var(--font-poppins)}@media (min-width:768px){.overlay-footer-container{left:2rem;right:2rem}}.overlay-footer-right{line-height:1.5;text-align:right}.footer-link{color:white;text-decoration:underline;text-underline-offset:4px;transition:opacity .2s}.footer-link:hover{opacity:.8}.overlay-newsletter{display:flex;flex-direction:column;gap:.5rem;width:260px}.newsletter-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;font-weight:600}.overlay-newsletter-form{display:flex;width:100%;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.25rem;align-items:center}.overlay-newsletter-input{background:transparent;border:none;color:white;font-size:.875rem;padding:.25rem 0;width:100%;outline:none;font-family:var(--font-poppins),sans-serif}.overlay-newsletter-input::-moz-placeholder{color:#6b7280}.overlay-newsletter-input::placeholder{color:#6b7280}.overlay-newsletter-btn{background:transparent;border:none;color:white;cursor:pointer;padding:.25rem;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s,transform .2s}.overlay-newsletter-btn:hover{opacity:.8;transform:translateX(2px)}@media (max-width:768px){.overlay-footer-container{position:relative;bottom:auto;left:auto;right:auto;padding:3rem 1.5rem;flex-direction:column;align-items:flex-start;gap:2rem}.overlay-newsletter{width:100%;max-width:none}}