:root{font:16px system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;background:#f3f6fc;color:#122950}
*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:18px}
main{background:#fff;max-width:540px;width:100%;border:1px solid #e2eaf6;border-radius:22px;padding:30px 28px;box-shadow:0 18px 58px #16365d15}
h1{font-size:24px;margin:12px 0 16px;line-height:1.5}h2{font-size:19px;margin:0 0 16px;color:#143e83}
.pill{background:#e9f1ff;color:#245eaa;border-radius:50px;padding:8px 14px;display:inline-block;font-size:13px;font-weight:700;margin:0}
.info,.tip{color:#596e88;line-height:1.85}.tip{font-size:13px}.status{background:#eaf1fd;border-radius:12px;padding:15px;line-height:1.85;color:#224e8e;margin:18px 0}
.status.error{background:#fff0ee;color:#a43831}.status.ok{background:#edfbf5;color:#267454}
section{border-top:1px solid #e5eaf1;margin-top:23px;padding-top:23px}label{display:block;margin:16px 0 7px;font-size:14px}
input{display:block;width:100%;padding:14px;border:1px solid #c5d0de;border-radius:11px;font:inherit;direction:ltr;text-align:left}
button{background:#17498d;color:#fff;border:0;border-radius:12px;padding:13px 19px;font:inherit;margin:15px 0 0;cursor:pointer;width:100%;min-height:48px}button:disabled{opacity:.6;cursor:default}button.secondary{background:#e8edf5;color:#254269}
img{display:block;max-width:240px;width:100%;height:auto;margin:20px auto}details{overflow-wrap:anywhere;padding:15px;border-radius:12px;background:#eef3fa}
code{direction:ltr;display:block;margin-top:10px;font-size:14px}.foot{font-size:12px;color:#8491a1;text-align:center;margin:30px 0 0;line-height:1.6}
[hidden]{display:none!important}@media(max-width:520px){main{padding:24px 18px}h1{font-size:21px}}