:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#20252c;background:#f4f6f9;line-height:1.45}
*{box-sizing:border-box} body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px}
.card{background:#fff;border:1px solid #e6e9ee;border-radius:18px;box-shadow:0 14px 35px #17253b12;width:min(100%,560px);padding:30px}
.brand{font-size:19px;font-weight:800;color:#1c2734}.steps{color:#e17a24;font-weight:700;font-size:13px;margin-top:18px}
h1{font-size:26px;line-height:1.18;margin:11px 0 8px}p{color:#586272;margin:0 0 19px}
form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:14px;font-weight:650;color:#3d4653}
input,textarea{width:100%;border:1px solid #d5dce5;border-radius:10px;padding:12px;font:inherit;outline-color:#e17a24;background:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}button,.secondary{border:0;border-radius:11px;background:#ed861f;color:white;padding:13px 15px;font:inherit;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;width:100%}
button:disabled{opacity:.6;cursor:wait}.secondary{background:#f0f2f5;color:#394452}.error{color:#b52525;font-size:14px;min-height:0}
.preview{padding:17px;border-radius:12px;background:#f7f8fa;margin:19px 0}.entry{display:grid;grid-template-columns:130px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid #e7eaf0;overflow-wrap:anywhere}.entry:last-child{border:0}
.entry-key{font-size:13px;color:#6c7682}.entry-value{font-size:14px;font-weight:650;white-space:pre-wrap}.center{text-align:center}.success-icon{font-size:56px;color:#2d8a50}
@media(max-width:500px){.card{padding:21px}.two{grid-template-columns:1fr}.entry{grid-template-columns:1fr;gap:1px}h1{font-size:23px}}