body{margin:0;background:#151515;color:#eee;font-family:system-ui,sans-serif}header{padding:24px 4vw;background:#1e1e1e;border-bottom:2px solid #8b2027}header h1{margin:0}main{max-width:1200px;margin:auto;padding:20px}section{background:#222;border:1px solid #444;border-radius:14px;padding:18px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.five{grid-template-columns:repeat(5,1fr)}.six{grid-template-columns:repeat(6,1fr)}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:flex;flex-direction:column;gap:6px;font-weight:650}input,select,textarea{background:#111;color:#fff;border:1px solid #666;border-radius:8px;padding:10px;font:inherit}textarea{width:100%;box-sizing:border-box}pre,code{background:#111}pre{padding:14px;border-radius:8px;white-space:pre-wrap}.actions{display:flex;justify-content:flex-end;gap:12px;margin:20px 0 40px}button{padding:12px 16px;border-radius:8px;border:1px solid #666;background:#292929;color:#fff;font-weight:700}.primary{background:#7d1f25}@media(max-width:850px){.grid,.five,.six,.split{grid-template-columns:1fr}.actions{flex-direction:column}}