:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20312c;background:#f7f9f8;font-synthesis:none;--green:#2b8068;--line:#dbe4df;--muted:#718078}
*{box-sizing:border-box}body{margin:0;min-height:100dvh}
header{max-width:760px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center}
.brand{color:inherit;text-decoration:none;font-size:16px;font-weight:650}
button,input,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}
main{max-width:496px;margin:72px auto 0;padding:0 28px 40px}
h1{font-size:34px;line-height:1.15;letter-spacing:-.035em;margin:0 0 32px}p{line-height:1.6}
label{display:block;font-size:15px;margin-bottom:10px}
input{width:100%;height:54px;padding:13px 15px;border:1px solid #cad8d0;border-radius:8px;background:white;color:inherit;font:inherit;font-size:18px;outline:none}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #2b80683d;outline-offset:3px}input:focus{border-color:var(--green)}
.button{display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none;border-radius:8px;padding:14px 22px;font-weight:600;min-height:50px;font-size:15px;color:white;background:var(--green);border:1px solid var(--green);margin-top:24px}
.text-button{border:0;background:none;color:var(--green);padding:8px;font-size:14px}#cancel{margin:18px 0 0;padding-left:0}
.terms{font-size:12px;color:var(--muted);margin-top:18px}.terms a{color:inherit;text-underline-offset:3px}
#notice:not(:empty){border-left:3px solid #ba7843;background:#f6eee5;color:#80501f;padding:12px 16px;margin:0 0 24px;font-size:14px;line-height:1.5}
.state-line{display:flex;align-items:center;gap:10px;margin-top:20px}.dot{height:8px;width:8px;border-radius:100%;background:var(--green)}
[hidden]{display:none!important}
@media(max-width:600px){header{padding:18px 24px}main{margin-top:32px;padding:0 24px 36px}h1{font-size:30px;margin-bottom:28px}}