:root{font-family:system-ui,sans-serif;color:#172b3a;background:#f3f5f7;font-size:18px}*{box-sizing:border-box}main{max-width:900px;margin:40px auto;padding:28px;background:white;border-radius:12px}header{display:flex;align-items:center;justify-content:space-between}form,section{margin:24px 0;padding:20px;border:1px solid #d8e0e5;border-radius:8px}label{display:block;margin:12px 0}input{display:block;width:100%;font:inherit;padding:12px;border:1px solid #91a3b0;border-radius:6px}input[type=checkbox]{display:inline;width:auto}button{font:inherit;padding:12px 20px;background:#12636c;color:white;border:0;border-radius:6px;margin:8px 6px 8px 0;cursor:pointer}button:disabled{background:#8b979d;cursor:not-allowed}.fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}#message{color:#a02d20;white-space:pre-line}#connection{background:#eef3f5;padding:14px}h1{font-size:30px}h2{font-size:23px}@media(max-width:600px){main{margin:0;padding:16px}.fields{grid-template-columns:1fr}}