*{box-sizing:border-box}body{margin:0;background:#080f20;color:#e8eefb;font:16px system-ui,sans-serif}header{padding:22px 5%;border-bottom:1px solid #273450;display:flex;gap:24px;align-items:center;flex-wrap:wrap}header b{letter-spacing:.15em;color:#73e9bd}header span,p,footer{color:#a9b8d4}main{max-width:1200px;margin:auto;padding:38px 22px}h1{font-size:clamp(32px,5vw,55px);letter-spacing:-.04em}h2{font-size:23px}section,article{background:#101c32;border:1px solid #263855;border-radius:18px;padding:24px;margin:22px 0}section.grid{background:none;border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid article{margin:0}button{border:0;border-radius:9px;background:#72ebbd;color:#092a20;padding:13px 18px;font-weight:700;cursor:pointer}button:disabled{opacity:.5}input{background:#080f20;border:1px solid #41516d;border-radius:8px;padding:12px;color:white;min-width:0;width:100%;margin:8px 0}form{display:flex;gap:12px;align-items:center}form button{flex-shrink:0}a{color:#72ebbd}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.scroll{overflow:auto}table{width:100%;font:13px ui-monospace,monospace;border-collapse:collapse}td,th{padding:12px;text-align:left;border-bottom:1px solid #273450;white-space:nowrap}footer{padding:24px 0}code{overflow-wrap:anywhere}@media(max-width:750px){section.grid{grid-template-columns:1fr}form{display:block}section,article{padding:18px}}