:root{background:#060914;color:#f4f7ff;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{max-width:1220px;margin:auto;padding:28px 22px 80px}header{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff1c;padding-bottom:22px;color:#aebcdc}.brand{color:#75c4ff;font-weight:800;letter-spacing:.1em}h1{font-size:clamp(2.5rem,7vw,5rem);letter-spacing:-.07em;margin:56px 0 32px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{overflow:hidden;border:1px solid #ffffff1a;border-radius:20px;background:#10172bd9}.label{padding:18px;margin:0;color:#78bbff;font-size:.75rem;font-weight:700;letter-spacing:.14em}nav{padding:0 18px 14px;border-bottom:1px solid #ffffff18}button{border:0;border-radius:8px;padding:8px 11px;margin-right:8px;background:transparent;color:#aab9d8;cursor:pointer}button.active{background:#2d8cff3d;color:#fff}pre{min-height:530px;margin:0;padding:20px;overflow:auto;white-space:pre-wrap;color:#c5dcff;font:14px/1.7 ui-monospace,monospace}iframe{display:block;width:100%;height:590px;border:0;background:#fff}.home{max-width:700px;margin:18vh auto;padding:30px;text-align:center}.home h1{margin:18px 0}.home p{color:#adbad6;font-size:1.1rem}@media(max-width:800px){.grid{grid-template-columns:1fr}pre{min-height:300px}iframe{height:440px}}