.nav{z-index:50;background:var(--nav-bg);-webkit-backdrop-filter:blur(24px)saturate(1.6);border:1px solid var(--border);border-radius:18px;justify-content:space-between;align-items:center;max-width:1180px;margin:1.2rem auto 0;padding:.9rem 2rem;display:flex;position:sticky;top:0}.nav-logo{color:var(--text);align-items:center;gap:.5rem;font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:30px;height:30px;box-shadow:0 6px 18px var(--glow);border-radius:10px;position:relative}.logo-icon span{border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:7px}.logo-icon span:first-child{left:6px}.logo-icon span:last-child{right:6px}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{color:var(--text-secondary);font-size:.82rem;font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-right{align-items:center;gap:.8rem;display:flex}.online-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:50px;align-items:center;gap:6px;padding:.35rem .85rem;font-size:.78rem;font-weight:500;display:flex}.pulse-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 6px #22c55e}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.theme-btn{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(12px);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:auto;height:40px;padding:0 .85rem;transition:all .25s cubic-bezier(.22,1,.36,1);display:flex}.theme-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:scale(1.08)}.theme-icon{color:var(--text);font-size:.76rem;font-weight:700}.nav-menu-btn{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:none}.nav-mobile-menu{display:none}@media (max-width:820px){.nav{flex-wrap:wrap}.nav-links{display:none}.nav-menu-btn{display:inline-flex}.nav-mobile-menu{flex-direction:column;flex-basis:100%;gap:.15rem;padding-top:.6rem;display:flex}.nav-mobile-menu a{color:var(--text-secondary);border-radius:10px;align-items:center;min-height:44px;padding:.65rem .5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.nav-mobile-menu a:hover{color:var(--text);background:var(--surface)}}@media (max-width:520px){.nav{border-radius:12px;margin-top:.6rem;margin-left:.5rem;margin-right:.5rem;padding:.6rem .75rem}.nav-logo{gap:.4rem;font-size:1.1rem}.logo-icon{width:26px;height:26px}.online-text{display:none}.online-pill{justify-content:center;width:34px;height:34px;padding:0}.theme-btn{border-radius:10px;height:34px;padding:0 .6rem}}
.foot{z-index:1;border-top:1px solid var(--border);padding:1.5rem 2rem;position:relative}.foot-inner{justify-content:space-between;align-items:center;max-width:960px;margin:0 auto;display:flex}.foot-brand{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700}.foot-links{gap:1.5rem;display:flex}.foot-links a{color:var(--text-secondary);font-size:.82rem;font-weight:500;text-decoration:none;transition:color .2s}.foot-links a:hover{color:var(--accent)}.foot-copy{color:var(--text-secondary);font-size:.78rem}@media (max-width:520px){.foot{padding:1rem .75rem}.foot-inner{text-align:center;flex-direction:column;gap:.6rem}.foot-brand{font-size:.85rem}.foot-copy{font-size:.7rem}}