body{font-family:system-ui,sans-serif;background:#101a29;color:#e9f1fa;max-width:920px;margin:50px auto;padding:0 22px;line-height:1.6}h1{color:#7ce3d2}input,select,button,textarea{font:inherit;padding:12px;border-radius:6px;border:1px solid #72859d;box-sizing:border-box}input,select,textarea{width:100%;background:#18283e;color:white;margin:8px 0 18px}button{background:#7ce3d2;color:#072722;cursor:pointer}article{padding:18px;border:1px solid #3c526c;border-radius:8px;margin:15px 0;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere}a{color:#8be7dd}.muted{color:#afc2d9}label{font-weight:600}code{overflow-wrap:anywhere}