*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#172d3d;font-family:system-ui,sans-serif;line-height:1.7}main{max-width:680px;margin:7vh auto;padding:36px;background:#fff;border-radius:18px}h1{line-height:1.3}label{display:block;margin-top:18px;font-weight:600}input{display:block;width:100%;padding:12px;border:1px solid #8796a1;border-radius:6px;font-size:16px}button,.button{display:inline-block;margin-top:24px;border:0;border-radius:6px;background:#005a69;color:white;padding:12px 24px;font-size:16px;cursor:pointer}button:disabled{opacity:.5}a{color:#005a69}nav a{margin-right:20px}.note{color:#526575;font-size:14px}#message{color:#a02525;min-height:2em}@media(max-width:700px){main{margin:20px 12px;padding:24px}}