*{box-sizing:border-box}body{margin:0;background:#10151e;color:#e7ecf5;font:16px system-ui}header{padding:24px 5%;border-bottom:1px solid #344155;display:flex;gap:24px;flex-wrap:wrap}header span,p{color:#b4c1d4}main{max-width:1100px;margin:auto;padding:28px 20px}section{background:#192231;border:1px solid #344155;border-radius:12px;padding:24px;margin-bottom:24px}h1{font-size:clamp(24px,4vw,36px)}label{display:block;margin:12px 0}input,textarea,select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #70839c;border-radius:6px;background:#10151e;color:#fff;font:inherit}textarea{resize:vertical}button{padding:12px 18px;margin:6px 8px 6px 0;border:0;border-radius:6px;background:#a5d7ff;color:#102036;font:inherit;cursor:pointer}button:disabled{opacity:.5}a{color:#a5d7ff}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#10151e;padding:18px;max-height:65vh;overflow:auto}:focus-visible{outline:3px solid #ffd27b;outline-offset:3px}[hidden]{display:none!important}