:root{--bg:#f6f7fb;--dark:#111827;--brand:#635bff;--muted:#6b7280}body{background:var(--bg);color:#1f2937}.sidebar{width:250px;min-height:100vh;background:#0f172a;color:white;padding:24px;position:sticky;top:0}.sidebar a{display:block;color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:12px;margin:3px 0}.sidebar a:hover{background:#1e293b;color:white}.main{flex:1;padding:24px}.topbar{background:white;border-radius:18px;padding:16px;margin-bottom:18px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.card-soft{border:0;border-radius:22px;box-shadow:0 12px 30px rgba(15,23,42,.08)}.hero{background:radial-gradient(circle at top left,#eef2ff,#fff 42%,#f8fafc);min-height:680px}.btn-brand{background:var(--brand);border-color:var(--brand);color:white}.btn-brand:hover{background:#5046e5;color:white}.feature-card{border:0;border-radius:24px;background:white;box-shadow:0 10px 30px rgba(15,23,42,.06)}pre{white-space:pre-wrap}.table td,.table th{vertical-align:middle}.badge-soft{background:#eef2ff;color:#4338ca}.code{font-family:ui-monospace,monospace;background:#f1f5f9;border-radius:8px;padding:2px 6px}