*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f5f2ed;color:#102a44;font:18px/1.7 Arial,sans-serif}main{width:min(100% - 32px,540px);margin:5vh auto;background:#fffdf8;border:1px solid #ddd1bb;border-radius:18px;padding:32px;text-align:center;box-shadow:0 14px 45px #1226400d}h1{font-size:28px;line-height:1.35}button{display:block;width:100%;min-height:48px;border-radius:10px;background:#102b46;color:#fff6e3;border:1px solid #102b46;padding:12px;font:700 17px Arial;cursor:pointer}button:disabled{opacity:.6;cursor:wait}input{display:block;min-height:48px;width:100%;border:1px solid #cbb996;border-radius:8px;margin:10px 0 14px;text-align:center;font:24px Arial}a{display:block;color:#725523;min-height:44px;padding:8px;font-size:15px}.note{font-size:14px;color:#677386}strong[dir=ltr]{display:block;overflow-wrap:anywhere;font:16px/1.7 monospace}[hidden]{display:none!important}[data-cancel]{margin-top:12px;background:transparent;color:#102b46}[data-status]{min-height:30px;font-size:16px}label{display:block;text-align:right}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ad8235;outline-offset:3px}

.email-modes{display:flex;gap:8px;flex-wrap:wrap;margin-block:16px}.email-modes button{flex:1;min-width:100px;font-size:14px}form{margin-block:20px}h2{font-size:22px}input[type=email],input[type=password],input[name=displayName]{font-size:18px;padding:10px}[data-provider=apple]{margin-block-start:10px;background:#191919}[data-captcha],[data-resend-captcha]{min-height:70px;margin-block:12px;max-width:100%}@media(max-width:380px){main{padding:20px 14px}}
.captcha-state{margin:8px 0;font-size:14px;color:#526276;line-height:1.5}.captcha-retry{margin-top:8px;background:#f3eee4;color:#102b46;font-size:15px}
.captcha-explanation{margin:0;font-size:13px;line-height:1.55;color:#5f6c7b}

.email-modes{gap:12px;margin-block:22px}.email-modes button{line-height:1.4;padding:14px 10px;min-height:54px}
.email-modes [aria-pressed=true]{background:#f3e6c9;color:#102b46;border-color:#a58039;box-shadow:inset 0 0 0 1px #a58039}
form[data-email],form[data-verify],form[data-mfa],form[data-password]{display:grid;gap:18px;margin-block:26px;min-width:0}
form[data-email]>h2,form[data-verify]>h2,form[data-mfa]>h2,form[data-password]>h2{margin:0 0 4px}
form[data-email]>p,form[data-verify]>p,form[data-mfa]>p,form[data-password]>p{margin:0}
form[data-email] input,form[data-verify] input,form[data-mfa] input,form[data-password] input{margin:8px 0 0;min-height:54px;border-radius:10px}
input[name=code]{font-variant-numeric:tabular-nums;letter-spacing:.12em;padding:10px}
.resend-section{display:grid;gap:16px;border-top:1px solid #e3d9c8;padding-top:22px;margin-top:4px}.resend-section>p{margin:0}
[data-resend]{background:#f4eee2;border-color:#c7b48d;color:#102b46;line-height:1.5}
[data-captcha],[data-resend-captcha]{margin-block:0;min-width:0}
.email-code-window{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #d6c6a8;border-radius:12px;background:#f6efdf;font-size:15px}
.email-code-window strong{font-size:25px;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}
.email-code-window.is-expired{background:#fcf0ec;border-color:#d6b5a9;color:#852f1d}
.auth-feedback{padding:12px 14px;border:1px solid #cddce5;background:#edf4f8;border-radius:10px;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.auth-feedback.is-error{color:#852f1d;border-color:#ddbab0;background:#fff2ed}
[data-email-destination] bdi{display:block;overflow-wrap:anywhere;font-weight:700}
[data-cancel]{margin-top:24px}[data-email-heading]:focus{outline:none}
@media(max-width:420px){.email-modes{gap:10px}.email-modes button{min-width:calc(50% - 10px)}.email-code-window{padding:12px;font-size:14px}}

.phone-intent{display:flex;align-items:start;gap:10px;padding:12px;border:1px solid #d6c5a0;border-radius:12px;background:#fffaf0;font-size:15px}.phone-intent input{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:3px 0}.phone-login{margin-top:12px}.phone-secondary{background:#fff;color:#284537;border:1px solid #9caa9f}[data-phone-current]{overflow-wrap:anywhere}[data-phone] input[readonly]{background:#f4f5f2}
