:root{font-family:system-ui,sans-serif;color:#172721;background:#f7faf9;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}header{padding:24px 32px;border-bottom:1px solid #d9e4df;font-weight:700;background:white}header span{font-weight:400;color:#58655f;margin-left:12px}main{width:min(100% - 40px,420px);margin:64px auto;flex:1}h1{font-size:28px;line-height:1.2;margin:0 0 28px}p,li{overflow-wrap:anywhere;line-height:1.5}label{display:block;font-size:14px;margin:18px 0}input{display:block;width:100%;height:44px;margin-top:8px;border:1px solid #899a92;border-radius:4px;padding:10px;background:white;font:inherit}button{min-height:44px;padding:10px 20px;margin:8px 8px 0 0;border:1px solid #176044;border-radius:4px;background:#176044;color:white;font:inherit;cursor:pointer}button.secondary{background:white;color:#243d31}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #d4a32b;outline-offset:2px}#message{color:#a02d32}footer{padding:24px;text-align:center;color:#64766b;font-size:12px}@media(max-width:480px){header{padding:20px}main{margin-top:40px}}