:root{font-family:Inter,system-ui,sans-serif;color:#f5f5f5;background:#09090b;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}.brand{color:#fff;text-decoration:none;font-weight:800}.brand b{color:#ef3340}.lang a{color:#ddd;margin-left:12px}h1{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:.5em 0}.lead{max-width:70ch;color:#bbb}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}section{background:#151518;border:1px solid #303036;border-radius:16px;padding:18px}textarea,pre{width:100%;min-height:360px;background:#08080a;color:#e8e8ea;border:1px solid #393940;border-radius:10px;padding:14px;overflow:auto}button,.cta{display:inline-block;background:#ef3340;color:white;border:0;border-radius:8px;padding:12px 16px;font-weight:700;text-decoration:none;cursor:pointer}button+button{margin-left:8px}.note{color:#aaa;font-size:.9rem}footer{color:#999}@media(max-width:760px){.grid{grid-template-columns:1fr}header{align-items:flex-start}textarea,pre{min-height:280px}}