* { box-sizing:border-box; }
body { margin:0; color:#172b3a; background:#f4f6f8; font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:#8b2227; }
.membership-shell { max-width:620px; margin:auto; padding:28px 20px 60px; }
.membership-brand { display:flex; align-items:center; gap:12px; color:inherit; text-decoration:none; font-weight:750; }
.membership-brand img { width:100px; height:100px; flex-shrink:0; object-fit:contain; }
.membership-steps { display:flex; padding:0; gap:20px; list-style:none; margin:28px 0; color:#667085; }
.membership-steps li { flex:1; border-bottom:3px solid #dfe3e8; padding:8px 0; }
.membership-steps [aria-current="step"] { border-color:#9b1c1c; color:#9b1c1c; font-weight:700; }
.membership-card { padding:30px; background:#fff; border:1px solid #e1e6eb; border-radius:20px; box-shadow:0 12px 36px #172b3a09; }
h1 { font-size:1.7rem; line-height:1.3; margin:0 0 12px; }
h2 { font-size:1.15rem; }
p { margin:12px 0; }
.muted { color:#667085; font-size:.9rem; }
.providers, .membership-form { display:grid; gap:14px; }
.providers { margin:24px 0 16px; }
button, .membership-button { font:inherit; font-weight:650; border-radius:10px; padding:12px 16px; border:1px solid #ccd4dd; background:white; color:inherit; cursor:pointer; text-align:center; text-decoration:none; }
button:hover { background:#f5f6f8; }
button:disabled { opacity:.6; cursor:wait; }
.primary { background:#9b1c1c; color:white; border-color:#9b1c1c; }
.primary:hover { background:#7e1616; }
label { display:block; font-weight:600; }
input:not([type="checkbox"]):not([type="hidden"]), textarea { display:block; width:100%; border:1px solid #c5ced7; border-radius:8px; padding:11px 12px; font:inherit; margin-top:5px; }
input[type="checkbox"] { width:auto; }
:focus-visible { outline:3px solid #2563eb; outline-offset:3px; }
[hidden] { display:none !important; }
.message { overflow-wrap:anywhere; }
.error { padding:12px; background:#fff0ef; border-radius:8px; color:#8d2020; }
.membership-footer { margin-top:24px; text-align:center; font-size:.9rem; }
@media(max-width:480px) { .membership-shell { padding:20px 14px; } .membership-card { padding:22px 18px; } .membership-steps { gap:12px; font-size:.88rem; } }
.membership-language { text-align:right; margin-top:12px; }
.membership-language a { padding:6px; }
#role,#signup-role{display:block;width:100%;font:inherit;padding:12px;border:1px solid #c5ced7;border-radius:10px;background:white;margin-top:8px}#account-google{min-height:44px;max-width:100%;overflow:hidden}#account-google-status:empty,.provider-status:empty{display:none}