:root{font-family:system-ui,sans-serif;color:#172b34;background:#f5f8f7}body{margin:0}main{max-width:760px;margin:auto;padding:2rem}header{display:flex;justify-content:space-between;align-items:center;gap:1rem}h1{font-size:1.4rem}section,article,aside{background:#fff;padding:1.5rem;margin:1rem 0;border-radius:.7rem;box-shadow:0 1px 6px #0001}article{display:flex;flex-direction:column;gap:.5rem}label{display:block;margin:1rem 0}input{box-sizing:border-box;display:block;width:100%;padding:.7rem;border:1px solid #72868f;border-radius:.3rem}button{padding:.65rem 1rem;margin:.3rem .4rem .3rem 0;border:0;border-radius:.3rem;background:#126a63;color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #faad31}.error{color:#9c1c1c}nav{margin-top:1rem}aside{border:2px solid #126a63}