:root{font-family:system-ui,sans-serif;color:#15283d;background:#f3f6fa}body{margin:0}header{padding:1.2rem 2rem;background:white;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}a{color:#174c9c}nav{display:flex;gap:1rem;flex-wrap:wrap}main{max-width:780px;margin:2rem auto;padding:0 1.2rem}form,article{background:white;border:1px solid #ced8e5;border-radius:12px;padding:1.4rem;margin:1rem 0}label{display:block;font-weight:600;margin:1rem 0 .4rem}input,select,button{font:inherit;box-sizing:border-box;padding:.7rem;border:1px solid #8091a6;border-radius:6px}input:not([type=checkbox]),select{width:100%;max-width:520px}button{margin:1rem .5rem 0 0;background:#174c9c;color:white;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #d18100;outline-offset:3px}p{line-height:1.6}img{max-width:220px}code{overflow-wrap:anywhere}#message{min-height:1.6em}small{display:block;line-height:1.6}.error{color:#a02020}