*{box-sizing:border-box}body{margin:0;font-family:"Inter","Segoe UI","Helvetica Neue",Arial,sans-serif;color:#0F172A;line-height:1.65;background:#F8FAFC}
header{background:linear-gradient(135deg,#4F46E5,#7C3AED);color:#fff;padding:28px 20px}header a{color:#fff;text-decoration:none;font-weight:700}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}main{padding:34px 0 60px}h1{font-size:2rem;line-height:1.2;margin:.2em 0 .5em}h2{font-size:1.25rem;margin-top:2em}
a{color:#4338CA}.card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:22px 24px;margin:18px 0}.muted{color:#64748B;font-size:.95rem}
nav a{margin-right:18px;font-weight:500;opacity:.92}img.icon{width:64px;height:64px;vertical-align:middle;margin-right:14px}
footer{border-top:1px solid #E2E8F0;padding:22px 0;color:#64748B;font-size:.9rem}li{margin:.3em 0}code{background:#EEF2FF;padding:1px 6px;border-radius:5px}