*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#f5f5f5;color:#1a1a1a}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#1a1a2e;color:#fff}.brand{font-size:1.1rem;font-weight:700;color:#fff;text-decoration:none}.nav-links{display:flex;gap:1rem;align-items:center}.nav-links a,.nav-links .btn-link{display:flex;align-items:center;gap:.35rem}.nav-links a{color:#ccc;text-decoration:none}.nav-links a:hover,.nav-links a.router-link-active{color:#fff}.nav-icon{width:1.2rem;height:1.2rem;flex-shrink:0}.btn-link{background:none;border:none;color:#ccc;cursor:pointer;font-size:1rem}.btn-link:hover{color:#fff}@media (max-width: 599px){.nav-links span{display:none}.nav-links{gap:.75rem}}.container{max-width:900px;margin:2rem auto;padding:0 1rem}