body { font: 16px/1.5 system-ui, sans-serif; margin: 0; color: #1d1d1f; background: #fafafa; }
main { max-width: 34rem; margin: 2rem auto; padding: 0 1.25rem; }
h1 { font-size: 1.4rem; } h2 { font-size: 1.05rem; margin-top: 1.5rem; }
ul.grants { list-style: none; padding-left: 0; }
.fine { color: #666; font-size: 0.9rem; }
.actions { display: flex; gap: 0.75rem; margin-top: 1.5rem; }
button { font: inherit; padding: 0.45rem 1.1rem; border-radius: 6px; border: 1px solid #888; background: #fff; }
button[value="approve"] { background: #1d1d1f; color: #fff; border-color: #1d1d1f; }
.email-step { display: grid; gap: 0.6rem; margin: 1.25rem 0; }
.email-step input[type="email"], .email-step input[type="text"] { font: inherit; padding: 0.55rem 0.7rem; border: 1px solid #b9ae9c; border-radius: 4px; background: #fff; max-width: 24rem; }
.email-step .check { display: flex; gap: 0.5rem; align-items: baseline; }
.email-step .notice { color: #6b6257; font-size: 0.9rem; margin: 0; }
.email-step .hint { color: #6b6257; font-weight: normal; font-size: 0.9rem; }
.email-step .beta { border-left: 3px solid #9a2a2a; padding-left: 0.6rem; }
.email-step button { justify-self: start; }
.email-step #code { font: inherit; font-size: 1.4rem; letter-spacing: 0.3em; padding: 0.5rem 0.7rem; border: 1px solid #b9ae9c; border-radius: 4px; background: #fff; max-width: 10rem; }
.email-step button.link { background: none; border: none; padding: 0; color: inherit; text-decoration: underline; cursor: pointer; font: inherit; }