:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#101114;color:#f5f5f7}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5vw;border-bottom:1px solid #333}.brand{color:#ff8c42;font-size:14px;font-weight:750;letter-spacing:.12em}.badge{border:1px solid #4b4d53;border-radius:20px;padding:7px 12px;font-size:12px;color:#d3d3d8}main{max-width:1380px;margin:auto;padding:40px 5vw}h1{font-size:clamp(32px,4vw,57px);line-height:1.1;letter-spacing:-.04em;margin:0 0 20px}.intro{font-size:19px;color:#c4c5cc}#unlock{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0}label{font-size:14px}input{padding:12px;border:1px solid #62646f;border-radius:6px;background:#1b1c21;color:white;min-width:280px}.flow{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:20px 0;color:#bfc1ca;font-size:13px}.flow strong{color:#ffad72}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 28px}.card{background:#1b1c21;border:1px solid #3c3e47;border-radius:10px;padding:22px}.number{font-size:12px;letter-spacing:.12em;color:#ffad72}h2{font-size:19px}.card p{color:#c4c5cc;font-size:14px;line-height:1.6;min-height:68px}button{border:1px solid #ff9858;background:#ff9858;color:#19120b;padding:11px 14px;border-radius:6px;font-weight:650;cursor:pointer}.card button{display:block;width:100%;margin:10px 0;background:transparent;color:#ffd7bd;border-color:#7e593e}button:hover{filter:brightness(1.15)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}.output{border:1px solid #484a53;border-radius:10px;padding:22px;background:#17181d}.output-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}#result-status{color:#ffb07b;font-weight:650}#request-preview{font-size:13px;color:#c4c5cc;white-space:pre-wrap}pre{background:#0d0e11;padding:20px;border-radius:6px;font-size:13px;line-height:1.6;overflow:auto;max-height:440px;white-space:pre-wrap;overflow-wrap:anywhere}footer{font-size:12px;color:#aeb0bb;margin:20px 0;line-height:1.6}@media(max-width:850px){.cards{grid-template-columns:1fr}.card p{min-height:0}.flow{display:block}.flow span{display:block;margin:12px 0}header{gap:15px;flex-wrap:wrap}}
:root input[type=checkbox]{min-width:0;width:18px;height:18px;accent-color:#ff9858}.remember{display:flex;align-items:center;gap:8px}#sign-out{background:transparent;color:#ffd7bd}button[hidden]{display:none}