.membership-page{background:var(--background,#f7f6f2);justify-content:center;align-items:flex-start;min-height:85vh;padding:48px 20px;display:flex}.membership-card{background:var(--surface,#fff);border:1px solid #dce3df;border-radius:22px;flex-direction:column;gap:24px;width:100%;max-width:500px;padding:32px;display:flex}.membership-card h1{margin:0;font-size:clamp(26px,4vw,34px);line-height:1.2}.membership-card p{margin:0;line-height:1.6}.membership-card form{flex-direction:column;gap:20px;display:flex}.membership-card label{flex-direction:column;gap:8px;font-weight:600;display:flex}.membership-card input{border:1px solid #cbd8d2;border-radius:10px;width:100%;min-height:48px;padding:12px 14px;font-weight:400}.membership-actions{flex-direction:column;gap:12px;display:flex}.membership-actions>.button{white-space:normal;text-align:center;justify-content:center;width:100%;min-height:48px}.membership-help{color:#5c6962;font-size:14px}.membership-error{color:#a5302c;background:#fff1f0;border-radius:10px;padding:16px}.membership-remove{margin-top:16px}.membership-confirm{border:1px solid #e5c8c5;border-radius:14px;gap:20px;padding:20px;display:grid}.membership-notice{border:1px solid #cbd8d2;border-radius:14px;align-items:center;gap:20px;margin:16px 0;padding:20px;display:flex}.membership-notice p{flex:1}.membership-card .password-toggle{min-width:44px;min-height:44px}.membership-card .password-field input{padding-right:52px}@media (max-width:600px){.membership-page{padding:24px 16px}.membership-card{padding:24px}.membership-notice{flex-direction:column;align-items:stretch}}.membership-remove>.button{min-width:180px;min-height:48px}.membership-confirm{max-width:520px}