*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font:16px system-ui}main{max-width:1000px;margin:auto;padding:2rem}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1rem 0;display:grid}form,article{background:#fff;border:1px solid #d8e0ed;border-radius:8px;padding:1rem}input,textarea{width:100%;margin:.4rem 0 1rem;padding:.6rem}textarea{min-height:130px}button{color:#fff;background:#2463eb;border:0;border-radius:5px;margin:.25rem;padding:.55rem .8rem}small{color:#526178;margin-top:1rem;display:block}article p{white-space:pre-wrap}