:root{--bg:#fff;--card-bg:#f8f9fa;--text:#333;--heading:#1a1a1a;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-light:#ede9fe;--border:#e0e0e0;--muted:#6b7280;--accent-400:#c084fc;--accent-500:#a855f7;--accent-600:#9333ea;--accent-700:#7e22ce;--light-100:#f8f9fa;--light-200:#e9ecef;--light-300:#e5e7eb;--green:#16a34a;--green-bg:#f0fdf4;--green-border:#bbf7d0;--yellow:#ca8a04;--yellow-bg:#fefce8;--yellow-border:#fde68a;--blue:#2563eb;--blue-bg:#eff6ff;--blue-border:#bfdbfe}
*{margin:0;padding:0;box-sizing:border-box}
body{background:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#333}
a{color:#9333ea;text-decoration:none;transition:color .2s}
a:hover{color:#7e22ce;text-decoration:underline}
.container{max-width:800px;margin:0 auto;padding:0 24px}
.max-w-4xl{max-width:56rem;margin:0 auto}
.max-w-6xl{max-width:72rem;margin:0 auto}
.mx-auto{margin-left:auto;margin-right:auto}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.mb-12{margin-bottom:3rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mt-4{margin-top:1rem}
.mt-20{margin-top:5rem}
.text-center{text-align:center}
.text-sm{font-size:.875rem}
.text-lg{font-size:1.125rem}
.text-2xl{font-size:1.5rem}
.text-3xl{font-size:1.875rem}
.font-bold{font-weight:700}
.font-semibold{font-weight:600}
.font-mono{font-family:monospace}
.text-gray-400{color:#9ca3af}
.text-gray-500{color:#6b7280}
.text-gray-600{color:#4b5563}
.text-gray-700{color:#374151}
.text-gray-900{color:#111827}
.text-accent-600{color:#9333ea}
.text-green-800{color:#166534}
.text-yellow-800{color:#854d0e}
.text-blue-800{color:#1e40af}
.bg-white{background:#fff}
.bg-white\/95{background:rgba(255,255,255,.95)}
.bg-light-100{background:#f8f9fa}
.rounded-xl{border-radius:.75rem}
.rounded-2xl{border-radius:1rem}
.border{border:1px solid #e5e7eb}
.border-b{border-bottom:1px solid #e5e7eb}
.border-t{border-top:1px solid #e5e7eb}
.sticky{position:sticky}
.top-0{top:0}
.z-50{z-index:50}
.italic{font-style:italic}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}
.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}
.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}
.flex{display:flex}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.hidden{display:none}
@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}