:root{font-family:system-ui,sans-serif;color:#18293a;background:#f1f5f8;color-scheme:light}body{margin:0;padding:2rem 1rem}main{max-width:42rem;margin:auto;background:white;padding:2rem;border-radius:1rem;box-shadow:0 8px 30px #18293a12}header,nav{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}header span{color:#536676}h1{font-size:1.7rem}form{margin:1rem 0}label{display:block;margin:1rem 0}input:not([type=hidden]){display:block;box-sizing:border-box;width:100%;padding:.8rem;margin-top:.4rem;border:1px solid #8195a7;border-radius:.4rem;font:inherit}button{padding:.8rem 1.2rem;background:#174e70;color:white;border:0;border-radius:.4rem;cursor:pointer;font:inherit;margin:.25rem .3rem .25rem 0}a{color:#174e70}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b67e12;outline-offset:3px}[role=status]{padding:1rem;background:#edf3f7;border-left:3px solid #174e70}li{margin:1rem 0}@media(max-width:480px){main{padding:1.2rem}body{padding:.5rem}}