.membership-page{overflow-wrap:anywhere;max-width:48rem;margin-inline:auto;padding-block:clamp(2rem,5vw,4rem)}.membership-page h1{letter-spacing:-.035em;margin:.75rem 0 1.25rem;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.3}.membership-lead{color:var(--muted);font-size:1.05rem;line-height:1.85}.membership-card,.membership-lock{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:1rem;min-width:0;margin-block:1.5rem;padding:clamp(1rem,4vw,1.75rem)}.membership-card h2,.membership-lock h2{margin:0 0 .75rem;font-size:1.25rem;line-height:1.5}.membership-card p,.membership-lock p{line-height:1.8}.membership-actions{flex-wrap:wrap;gap:.75rem;margin-block:1rem;display:flex}.membership-page .btn,.membership-lock .btn{font:inherit;white-space:normal;text-align:center;max-width:100%;min-height:2.75rem}.membership-page button:disabled{opacity:.6;cursor:not-allowed;border-style:dashed}.membership-help{color:var(--muted);font-size:.9rem}[data-membership-identity],[data-membership-usage]{min-height:1.8em}.membership-page [hidden]{display:none!important}.membership-page :focus-visible,.membership-lock :focus-visible{outline:3px solid var(--brand-accent-text);outline-offset:3px}.membership-registration-fields{border:0;min-inline-size:0;margin:1rem 0;padding:0}.membership-registration-fields legend{margin-bottom:.5rem;font-weight:700}.membership-check{cursor:pointer;align-items:flex-start;gap:.7rem;margin-block:1rem;line-height:1.7;display:flex}.membership-check input{width:1.15rem;height:1.15rem;accent-color:var(--brand-accent-text);flex:none;margin-top:.3rem}.membership-check span{min-width:0}.membership-check small{color:var(--muted);font-size:.875em;display:block}.membership-signup-guide{width:fit-content;max-width:100%;min-height:44px;margin-block:.5rem .75rem;padding-block:.45rem;font-weight:700;line-height:1.8;display:block}.membership-page [data-auth-notice=signup],.membership-page [data-auth-notice=error]{border:1px solid var(--border);border-inline-start:4px solid var(--brand-accent-text);background:var(--bg);border-radius:.5rem;padding:1rem}#membership-registration{scroll-margin-top:10rem}#membership-registration:target{outline:3px solid var(--brand-accent-text);outline-offset:3px}@font-face{font-family:Membership Google Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/membership/google-sans-google-latin.ttf)format("truetype")}.membership-google-button{appearance:none;box-sizing:border-box;color:#1f1f1f;letter-spacing:.25px;text-align:center;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #747775;border-radius:20px;justify-content:center;align-items:center;gap:10px;max-width:100%;min-height:44px;padding:0 12px;font-family:Membership Google Sans,Arial,sans-serif;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;display:inline-flex}.membership-google-icon{object-fit:contain;flex:0 0 20px;width:20px;height:20px;display:block}.membership-google-button [data-google-button-label]{overflow-wrap:anywhere;min-width:0}.membership-google-button:hover:not(:disabled){background:#f8fafd;box-shadow:0 1px 3px #3c404326}.membership-page .membership-google-button:focus-visible{outline-offset:3px;outline:3px solid #1a73e8}.membership-page .membership-google-button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;border-style:solid}.membership-login-actions[data-authenticated=true]{flex-direction:column;align-items:flex-start}.membership-login-actions [data-membership-account-continue]{justify-content:center;align-items:center;min-width:min(100%,14rem);min-height:3rem;font-weight:700;display:inline-flex}.membership-login-actions[data-authenticated=true] .membership-google-button{color:var(--text);border-color:var(--border);box-shadow:none;background:0 0}.membership-login-actions[data-authenticated=true] .membership-google-button:hover:not(:disabled){background:var(--bg);box-shadow:none}.xp-headline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1.5rem 0 1rem;display:flex}.xp-headline strong{color:var(--text);font-size:2.4rem;line-height:1.1}.xp-headline span{color:var(--brand-accent-text);border:1px solid;border-radius:999px;padding:.4rem .8rem}.xp-account progress{width:100%;height:14px;accent-color:var(--brand-accent-text)}.xp-events{margin:1rem 0;padding:0;list-style:none}.xp-events li{border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:.75rem 0;font-size:.9rem}