*{box-sizing:border-box}body{margin:0;background:#f1f5f9;color:#182c42;font:16px system-ui}main{max-width:1150px;margin:40px auto;padding:20px}header{padding:24px 0}h1{font-size:42px;margin:8px 0}small{color:#147d82;letter-spacing:2px}section{background:#fff;padding:24px;margin:20px 0;border:1px solid #dae2eb;border-radius:14px}h2{margin-top:0;font-size:21px}input,textarea{font:inherit;padding:10px;border:1px solid #b9c7d5;border-radius:6px;max-width:100%}input[type=password],input[placeholder]{width:55%}button{padding:12px 18px;border:0;background:#126b72;color:#fff;border-radius:7px;margin:8px;cursor:pointer}button:disabled{opacity:.45;cursor:default}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:block;font-size:14px}textarea{display:block;width:100%;margin-top:5px}article{border-top:1px solid #ddd;padding:16px 0}aside{padding:14px;background:#fff3cd;margin-bottom:18px}p{line-height:1.6;color:#52677a}pre{white-space:pre-wrap;line-height:1.7}input[type=checkbox]{width:auto}@media(max-width:650px){.grid{grid-template-columns:1fr}main{margin:0}input[placeholder],input[type=password]{width:100%}}