:root{font-family:system-ui,sans-serif;color:#122b49;background:#f4f7fc;line-height:1.6}body{margin:0}header,main{max-width:850px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:#0754ad;text-underline-offset:3px}main{background:white;border-radius:16px;margin-bottom:30px}h1{line-height:1.2}h2{font-size:1.25rem;margin-top:28px}.notice{background:#fff3d2;padding:18px;border-left:4px solid #946300}.skip{position:absolute;top:-80px}.skip:focus{top:8px;background:white;padding:12px}a:focus-visible{outline:3px solid #0754ad;outline-offset:3px}@media(max-width:600px){main{margin:0 12px 20px;padding:18px}header{padding:18px}}
form{display:grid;gap:16px;max-width:500px}form[hidden]{display:none}label{display:grid;gap:6px}input,button{font:inherit;padding:12px;border:1px solid #9aacbf;border-radius:8px}button{color:white;background:#0754ad;cursor:pointer}button:disabled{opacity:.6;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid #0754ad;outline-offset:3px}