@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--text-primary:#0f172a;--text-secondary:#475569;--accent-primary:#2563eb;--accent-hover:#1d4ed8;--border-color:#e2e8f0;--max-width:900px;--radius:8px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--accent-primary)}.container{max-width:var(--max-width);flex-direction:column;min-height:100vh;margin:0 auto;padding:0 2rem;display:flex}header{justify-content:space-between;align-items:center;margin-bottom:3rem;padding:2rem 0;display:flex}.logo{letter-spacing:-.025em;font-size:1.25rem;font-weight:700}nav a{color:var(--text-secondary);margin-left:2rem;font-size:.95rem;font-weight:500}nav a:hover{color:var(--text-primary)}nav a.active{color:var(--accent-primary)}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.025em;line-height:1.2}h1{margin-bottom:1rem;font-size:2.5rem;font-weight:800}h2{margin-top:2.5rem;margin-bottom:1rem;font-size:1.75rem;font-weight:700}h3{margin-bottom:.75rem;font-size:1.25rem;font-weight:600}p{color:var(--text-secondary);margin-bottom:1rem}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.btn{background:var(--accent-primary);color:#fff;border-radius:var(--radius);padding:.75rem 1.5rem;font-weight:500;transition:background .2s;display:inline-block}.btn:hover{background:var(--accent-hover);color:#fff;text-decoration:none}footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);margin-top:auto;padding:3rem 0;font-size:.875rem}.text-accent{color:var(--accent-primary)}.badge{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;background:#eff6ff;border-radius:9999px;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.tag{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:9999px;padding:.25rem .75rem;font-size:.85rem}