*{box-sizing:border-box}body{font:16px system-ui;margin:0;background:#f3f5f8;color:#18263c}main{max-width:850px;padding:24px;margin:auto}nav{display:flex;gap:16px;flex-wrap:wrap}section,form{background:white;border:1px solid #dbe2ea;padding:24px;border-radius:12px;margin:20px 0}section form{padding:0;border:0}label{display:block;margin:14px 0}input:not([type=checkbox]){display:block;width:100%;padding:12px;font:inherit;border:1px solid #aab8c8;border-radius:6px}button{padding:12px 18px;background:#1758a6;color:white;border:0;border-radius:6px;font:inherit;cursor:pointer}a{color:#1758a6}small{color:#596579}p[role=alert],.error{padding:12px;background:#ffe3de}p[role=status]{padding:12px;background:#e3f4e8}h1{font-size:26px}p{overflow-wrap:anywhere}@media(max-width:500px){main{padding:14px}section,form{padding:16px}h1{font-size:23px}}