:root{color:#eef2ff;background:#081019;font-family:Inter,Pretendard,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#153c52 0,#0000 32rem),#081019;min-height:100vh;margin:0}main{width:min(820px,100% - 32px);margin:0 auto;padding:32px 0 64px}header{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:.14em;color:#66f2c2;font-weight:900}.badge{color:#081019;background:#ffcf5c;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.hero{padding:72px 0 36px}.eyebrow{color:#66f2c2;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}h1{letter-spacing:-.055em;margin:12px 0 24px;font-size:clamp(38px,7vw,68px);line-height:1.03}.lede{color:#aebdca;max-width:620px;line-height:1.7}.card{background:#121f2be6;border:1px solid #293d4d;border-radius:20px;margin:16px 0;padding:24px;box-shadow:0 20px 70px #00000038}.grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid div{flex-direction:column;gap:5px;display:flex}.grid .wide{border-top:1px solid #293d4d;grid-column:1/-1;padding-top:17px}.demo form{gap:10px;display:grid}.demo label{color:#c9d8e3;margin-top:4px;font-size:14px;font-weight:750}.demo input,.demo textarea{color:#eef2ff;width:100%;font:inherit;background:#0b1721;border:1px solid #385062;border-radius:11px;padding:13px 14px}.demo textarea{resize:vertical;min-height:86px}.demo input:focus,.demo textarea:focus{outline-offset:1px;border-color:#0000;outline:2px solid #66f2c2}span,small{color:#8fa2b2}strong{font-size:18px}code{color:#d8e2eb;overflow-wrap:anywhere}.step{align-items:flex-start;gap:14px;margin-top:12px;display:flex}.step b{color:#66f2c2;background:#193846;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.step p{color:#8fa2b2;margin:5px 0 12px}button{color:#edf6fa;cursor:pointer;background:#18303e;border:1px solid #476070;border-radius:12px;width:100%;padding:14px 18px;font-size:16px;font-weight:800}button:hover:not(:disabled){border-color:#66f2c2}button:disabled{opacity:.42;cursor:not-allowed}button.primary{color:#07130f;background:#66f2c2;border-color:#66f2c2}.status{border-radius:10px;margin:9px 0 25px;padding:11px 13px;font-size:14px}.neutral{color:#9fb0be;background:#101c26}.ok{color:#8ff7d2;background:#12362d}.bad{color:#ffb4c0;background:#3c1c24}.confirm{color:#cbd6de;align-items:flex-start;gap:9px;margin:14px 0;line-height:1.5;display:flex}.confirm input{margin-top:4px}.result pre{white-space:pre-wrap;word-break:break-word;color:#c9d8e3;max-height:420px;font-size:12px;overflow:auto}footer{color:#748694;text-align:center;padding-top:20px;font-size:13px}@media (width<=600px){.grid{grid-template-columns:1fr}.grid .wide{grid-column:1}.badge{font-size:10px}}