:root {font-family: 'Segoe UI',Arial,sans-serif;color:#18212e;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}main{max-width:520px;margin:0 auto;padding:22px 18px}header{display:flex;align-items:center;gap:12px;margin-bottom:30px}.brand{height:43px;width:43px;display:grid;place-items:center;background:#1366c3;color:#fff;border-radius:12px;font-weight:750;letter-spacing:.6px}h1{font-size:23px;margin:0;font-weight:650}header p{margin:4px 0 0;color:#5a6573;font-size:13px}form{display:flex;flex-direction:column}label{font-size:13px;font-weight:650;margin:8px 0}input,textarea{font:15px 'Segoe UI',Arial,sans-serif;border:1px solid #bac5d1;background:#fff;border-radius:8px;padding:12px;color:#17212b;width:100%}textarea{resize:vertical;min-height:150px}input:focus,textarea:focus{outline:2px solid #2679c9;outline-offset:1px}small{color:#687383;font-size:12px;margin:7px 0 19px}.count{display:flex;justify-content:space-between;color:#687383;font-size:12px;margin-top:7px}button{margin-top:24px;background:#1366c3;border:0;color:white;border-radius:9px;padding:13px;cursor:pointer;font-size:15px;font-weight:650}button:disabled{opacity:.6;cursor:wait}#result{padding-top:14px;font-size:13px;line-height:1.5;min-height:36px}#result.ok{color:#176238}#result.fail{color:#a02c26}footer{font-size:11px;color:#737d8a;margin-top:25px}
[hidden]{display:none!important}h2{font-size:17px}.help{font-size:13px;color:#596575;line-height:1.5}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ready{font-size:12px;color:#176238}.secondary{margin:0;padding:8px 11px;background:#ebf0f5;color:#263b56;font-size:12px}