*{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;color:#1e293b;font-family:system-ui,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10}.nav{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:960px;padding:0 1.5rem}.nav-logo{color:#6366f1;font-size:1.25rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:1.5rem}.nav-link{border-bottom:2px solid transparent;color:#64748b;font-size:.9rem;font-weight:500;padding:.25rem 0;text-decoration:none;transition:all .15s}.nav-link:hover{color:#6366f1}.nav-link.router-link-active{border-bottom-color:#6366f1;color:#6366f1}.main{flex:1;margin:0 auto;max-width:960px;padding:2rem 1.5rem;width:100%}