:root{font:16px system-ui;color:#102d43;background:#eef5f8}body{margin:0}main{max-width:1000px;margin:auto;padding:clamp(12px,3vw,32px)}section,article{background:white;border:1px solid #d8e4eb;border-radius:12px;padding:18px;margin:16px 0}article{background:#f5f9fc}form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}label{display:flex;flex-direction:column;gap:6px;flex:1 1 200px}input,select,button{font:inherit;padding:10px;border-radius:8px;border:1px solid #cbdce5}button{background:#009aad;color:white;cursor:pointer}form p{flex-basis:100%}.code{font:700 20px monospace;overflow-wrap:anywhere}[role=alert]{background:#fff1dd;padding:12px}