.page-container{min-height:100vh;overflow:hidden}.navbar{z-index:50;background-color:rgb(var(--background-rgb,10, 10, 10), .8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border);position:fixed;top:0;left:0;right:0}.navbar-container{justify-content:space-between;align-items:center;gap:.5rem;max-width:72rem;margin:0 auto;padding:.75rem 1rem;display:flex}@media (max-width:639px){.navbar-container{padding:.5rem .75rem}}.navbar-logo{white-space:nowrap;font-size:1.25rem;font-weight:700}@media (max-width:479px){.navbar-logo{font-size:1rem}}.navbar-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}@media (max-width:639px){.navbar-actions{gap:.5rem}}.dark-mode-toggle{align-items:center;gap:.5rem;display:flex}@media (max-width:479px){.dark-mode-toggle .label{display:none}}.contact-btn-navbar{font-size:.875rem}.contact-btn-navbar-responsive{display:none}@media (min-width:640px){.contact-btn-navbar-responsive{display:block}}.nav-root-desktop{display:none}@media (min-width:768px){.nav-root-desktop{display:flex}}.navbar-mobile-toggle{background:var(--card-bg);border:1px solid var(--card-border);width:36px;height:36px;color:var(--foreground);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .2s,border-color .2s,transform .2s;display:flex}.navbar-mobile-toggle:hover{background:rgb(var(--accent-rgb), .1);border-color:var(--accent);color:var(--accent-light)}@media (min-width:768px){.navbar-mobile-toggle{display:none}}.navbar-mobile-drawer{background:rgb(var(--background-rgb,10, 10, 10), .95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);max-height:calc(100vh - 60px);padding:1rem 1.25rem 1.5rem;display:block;overflow-y:auto;box-shadow:0 20px 40px -15px #0009}@media (min-width:768px){.navbar-mobile-drawer{display:none!important}}.navbar-mobile-section{flex-direction:column;gap:.375rem;display:flex}.navbar-mobile-link{color:var(--foreground);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:flex}.navbar-mobile-link:hover,.navbar-mobile-link:active{background:rgb(var(--accent-rgb), .08);border-color:rgb(var(--accent-rgb), .2);color:var(--accent-light)}.navbar-mobile-sites-header{width:100%;color:var(--foreground);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;transition:background .2s,color .2s;display:flex}.navbar-mobile-sites-header:hover{background:rgb(var(--accent-rgb), .08);color:var(--accent-light)}.navbar-mobile-sites-grid{grid-template-columns:1fr;gap:.5rem;padding:.25rem .5rem .75rem;display:grid}@media (min-width:480px){.navbar-mobile-sites-grid{grid-template-columns:repeat(2,1fr)}}.navbar-mobile-site-card{background:var(--card-bg);border:1px solid var(--card-border);color:var(--foreground);border-radius:8px;align-items:center;gap:.75rem;padding:.625rem .75rem;text-decoration:none;transition:all .2s;display:flex}.navbar-mobile-site-card:hover{border-color:var(--accent);background:rgb(var(--accent-rgb), .1)}.navbar-mobile-site-icon{background:rgb(var(--accent-rgb), .12);width:32px;height:32px;color:var(--accent-light);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar-mobile-site-info{flex-direction:column;min-width:0;display:flex}.navbar-mobile-site-label{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.navbar-mobile-site-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.navbar-mobile-actions{border-top:1px solid var(--card-border);flex-direction:column;gap:.75rem;margin-top:.75rem;padding-top:1rem;display:flex}.navbar.navbar-sites{width:100%;position:sticky}.navbar.navbar-sites .nav-root{margin-left:auto}.nav-badge{background:var(--accent);min-width:18px;height:18px;color:var(--background);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:.625rem;font-weight:700;line-height:1;display:inline-flex}