:root{--primary:#2563eb;--primary-hover:#1d4ed8;--bg-body:#f8fafc;--bg-card:#fff;--text-main:#334155;--text-heading:#0f172a;--border:#e2e8f0;--font-main:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-body);color:var(--text-main);font-family:var(--font-main);line-height:1.6;margin:0;padding:0}*,:after,:before{box-sizing:border-box}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:900px;padding:0 1.5rem;width:100%}.navbar{background-color:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 1px 2px #0000000d;padding:1rem 0}.nav-content{align-items:center;display:flex;justify-content:space-between}.logo{color:var(--text-heading);font-size:1.25rem;font-weight:800;letter-spacing:-.5px}.highlight{color:var(--primary)}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--text-main);font-weight:500;text-decoration:none;transition:color .2s ease}.nav-links a.router-link-active,.nav-links a:hover{color:var(--primary)}.main-content{flex:1;padding-bottom:3rem;padding-top:3rem}h1,h2,h3{color:var(--text-heading);margin-top:0}.btn{background-color:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:.6rem 1.2rem;text-decoration:none;transition:background-color .2s}.btn:hover{background-color:var(--primary-hover)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 4px #00000005;margin-bottom:1.5rem;padding:2rem}.footer{background-color:#fff;border-top:1px solid var(--border);color:#64748b;font-size:.875rem;padding:1.5rem 0;text-align:center}