:root{--blue:#0f172a;--accent:#38bdf8;--text:#111827;--muted:#64748b;--line:#e2e8f0}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;background:#f8fafc;color:var(--text)}
header{background:linear-gradient(135deg,#0f172a,#1e293b);color:white;padding:52px 22px}.wrap{max-width:980px;margin:0 auto}
.badge{display:inline-block;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 12px;color:#cbd5e1;font-size:14px;margin-bottom:18px}
h1{font-size:clamp(34px,6vw,56px);line-height:1.08;margin:0 0 18px}h2{font-size:clamp(24px,4vw,34px);line-height:1.2;margin:44px 0 12px;color:#0f172a}
h3{font-size:22px;margin:30px 0 8px;color:#0f172a}p{font-size:18px;margin:0 0 18px}.lead{font-size:22px;color:#dbeafe;max-width:860px}
main{padding:42px 22px}.card{background:white;border:1px solid #e5e7eb;border-radius:20px;padding:28px;margin:22px 0;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.note{background:#eff6ff;border-left:5px solid #38bdf8;padding:18px 22px;border-radius:14px;margin:24px 0}.warning{background:#fff7ed;border-left:5px solid #fb923c;padding:18px 22px;border-radius:14px;margin:24px 0}
ol,ul{font-size:18px;padding-left:26px}li{margin:8px 0}.kette{display:grid;gap:12px;margin:24px 0}.step{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:16px 18px}.step strong{color:#0369a1}
pre{white-space:pre-wrap;background:#0f172a;color:#e5e7eb;border-radius:18px;padding:22px;overflow:auto;font-size:15px;line-height:1.55}
footer{padding:36px 22px;color:#64748b;border-top:1px solid #e2e8f0}.small{font-size:15px;color:#64748b}a{color:#0369a1}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.mini{border:1px solid #e2e8f0;background:white;border-radius:16px;padding:18px}