.membership-page{background:#f8f9f4}.member-header{height:94px;max-width:1390px;margin:auto;padding:0 50px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e7dc}.member-header-tag{font-size:8px;letter-spacing:1.5px;color:#89977e;display:flex;align-items:center;gap:8px}.member-header-tag>span{width:5px;height:5px;background:#71987a;border-radius:50%}.membership-layout{max-width:1250px;padding:65px 50px 70px;display:grid;grid-template-columns:1.15fr 1fr;gap:110px;min-height:calc(100vh - 180px);align-items:center}.membership-story h1{font-family:var(--heading);font-size:43px;line-height:1.2;letter-spacing:-1.8px;font-weight:650;margin:21px 0 23px}.membership-story h1 em{font-family:Georgia,serif;font-size:46px;font-weight:400;color:var(--forest);letter-spacing:-1.2px}.membership-story>p{font-size:13px;color:#84917a;line-height:1.9;max-width:380px}.membership-benefits{display:flex;flex-direction:column;gap:23px;margin-top:38px}.membership-benefits>div{display:flex;gap:17px}.membership-benefits>div>span{font-family:Georgia,serif;font-size:16px;color:#a4b294;line-height:1.7}.membership-benefits h2{font-family:var(--heading);font-size:12px;font-weight:750;line-height:1.7;letter-spacing:-.1px}.membership-benefits p{font-size:11px;color:#8f9c84;line-height:1.8;margin-top:3px}.membership-footer-note{display:flex;align-items:center;gap:11px;margin-top:39px;color:#9aa58f;font-size:9px;line-height:1.7}.membership-footer-note img{opacity:.6}.membership-footer-note strong{font-weight:550;color:#718368}.membership-entry{min-width:0}.membership-card{background:#fff;border:1px solid #e0e7d9;border-radius:10px;padding:35px 34px 29px;box-shadow:0 9px 35px #29431e05;position:relative}.membership-card:before{position:absolute;content:'';height:4px;top:-1px;left:25px;right:25px;border-radius:0 0 3px 3px;background:var(--forest)}.membership-badge{font-size:8px;letter-spacing:1.6px;color:#71846a;font-weight:600;display:flex;align-items:center;gap:7px;margin-bottom:27px}.membership-badge svg{height:14px;width:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.membership-card h2{font-family:var(--heading);font-size:26px;letter-spacing:-1px;line-height:1.3;font-weight:700;margin-bottom:10px}.member-intro{font-size:12px;color:#89977d;line-height:1.8;margin-bottom:24px}.member-form{display:flex;flex-direction:column;gap:17px}.member-form .field-label{font-size:11px;font-weight:550;color:#6b7d5c;gap:8px}.member-form .field-label input{height:45px;background:#fdfefb;border-color:#dfe6d8;font-size:12px;padding:10px 12px;color:#3d5834}.member-form .field-label input::placeholder{color:#b1b9aa}.member-form .primary-button{height:44px;font-size:12px;margin-top:4px;width:100%;border-radius:5px}.member-password-wrap{position:relative}.member-password-wrap input{padding-right:48px!important}.member-show-password{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:9px;color:#8b997c;padding:5px}.member-form-options{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px}.member-form-options button{font-size:10px;color:#69825a;padding:2px 0}.member-form-options button:hover{text-decoration:underline}.member-divider{display:flex;align-items:center;gap:11px;font-size:9px;color:#a5af9a;margin:20px 0}.member-divider:before,.member-divider:after{content:'';flex:1;height:1px;background:#edf0e7}.member-secondary-button{height:42px;border:1px solid #dfe7d5;width:100%;border-radius:5px;font-size:11px;color:#728866;background:#fafcf6;display:flex;align-items:center;justify-content:center;gap:9px}.member-secondary-button:hover{border-color:#b2c5a4;background:#f1f6e9}.member-card-bottom{border-top:1px solid #ebefe4;margin-top:25px;padding-top:18px;font-size:10px;color:#93a087;line-height:1.8}.member-card-bottom strong{font-weight:650;color:#6e825f}.membership-fineprint{font-size:9px;color:#a1ac95;line-height:1.8;text-align:center;margin:19px 10px 0}.membership-page-footer{max-width:1390px;padding:23px 50px;margin:0 auto;font-size:8px;letter-spacing:.6px;color:#8c9a7e;display:flex;justify-content:space-between;border-top:1px solid #e2e7dc}.membership-page-footer>span{font-family:var(--heading);font-weight:750;font-size:9px}.membership-page-footer>a{margin-left:auto;font-size:9px;letter-spacing:0}.member-feedback{font-size:11px;line-height:1.8;padding:11px 13px;border-radius:5px;margin:15px 0 0;background:#eef3e6;border:1px solid #dce7ce;color:#6f855f}.member-feedback.error{background:#faf1e9;border-color:#edd9c4;color:#a4774a}.member-status-label{font-size:8px;letter-spacing:1px;background:#f3efdf;color:#978355;display:inline-block;padding:6px 9px;border-radius:4px;margin-bottom:15px}.member-wait{padding:20px 0;font-size:12px;color:#8a9a7b}.member-back-button{display:inline-flex;align-items:center;gap:7px;margin:19px 0 0;font-size:11px;color:#6c835d;padding:0}.member-back-button:hover{text-decoration:underline}.account-pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;border:1px solid #dfe7d5;border-radius:5px;padding:8px 10px;margin-left:auto;color:#6b815c;background:#f7faf1;white-space:nowrap}.account-pill .account-avatar{height:20px;width:20px;border-radius:50%;background:var(--forest);color:#f2f4e9;display:flex;align-items:center;justify-content:center;font-size:9px}.account-status-label{padding:5px 7px;border-radius:3px;color:#738961;background:#ecf3e4;font-size:9px}.member-connected-card{border:1px solid #dde6d4;border-radius:5px;background:#f7faf2;padding:14px;margin:20px 0;font-size:12px;color:#758968;line-height:1.9}.member-setup-message{font-size:11px;line-height:1.8;color:#8c9c7c;margin-top:13px}.member-policy-link{font-size:10px;color:#7c8f6a;text-decoration:underline}.member-recovery-note{font-size:10px;color:#92a285;line-height:1.8;margin-top:15px}
@media(max-width:1150px){.membership-layout{gap:55px;max-width:1100px}.membership-story h1{font-size:37px}.membership-story h1 em{font-size:41px}.member-header-tag{font-size:7px}.membership-card{padding:31px 28px}.site-header .header-tag:has(+.account-pill){display:none}}
@media(max-width:900px){.membership-layout{gap:35px;padding:45px 30px 55px}.member-header{padding:0 30px}.membership-story h1{font-size:31px}.membership-story h1 em{font-size:35px}.membership-story>p{font-size:12px}.membership-benefits{gap:20px}.membership-card{padding:30px 23px}.member-header-tag{display:none}.membership-page-footer{padding:23px 30px}.account-pill{font-size:9px;padding:7px;margin-left:0}.site-header:has(.account-pill){gap:14px}.site-header:has(.account-pill) nav{gap:17px;margin-left:0}.account-pill .account-avatar{height:17px;width:17px;font-size:8px}}
@media(max-width:720px){.member-header{height:82px;padding:0 23px}.membership-layout{padding:30px 23px 35px;display:flex;flex-direction:column;gap:29px;min-height:auto;align-items:stretch;max-width:520px}.membership-story .eyebrow{font-size:7px;letter-spacing:1.2px}.membership-story h1{font-size:33px;letter-spacing:-1.1px;margin:17px 0}.membership-story h1 em{font-size:36px;letter-spacing:-1px}.membership-story>p{font-size:12px;max-width:345px;line-height:1.8}.membership-benefits,.membership-footer-note{display:none}.membership-card{padding:28px 24px;border-radius:8px}.membership-card h2{font-size:25px}.membership-badge{margin-bottom:23px}.member-intro{font-size:12px}.member-form{gap:16px}.member-form .field-label{font-size:12px}.member-form .field-label input{font-size:13px;height:47px}.member-form .primary-button{height:46px;font-size:12px}.member-secondary-button{height:44px}.member-form-options button{font-size:11px}.membership-page-footer{padding:21px 23px;max-width:520px;gap:12px;flex-wrap:wrap}.membership-page-footer>span{font-size:8px}.membership-page-footer a{font-size:8px}.membership-fineprint{font-size:9px}.account-pill{position:absolute;top:19px;right:20px;font-size:8px;padding:6px 8px;margin:0}.account-pill .account-avatar{display:none}.site-header:has(.account-pill) nav{width:100%;justify-content:space-between;gap:8px}.site-header:has(.account-pill){gap:15px}.site-header .header-tag{display:none}}
.membership-entry:has(.admin-roster){align-self:start}.admin-roster-heading{margin:28px 0 12px;border-top:1px solid #e4e9db;padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6b805e}.admin-roster{display:flex;flex-direction:column;gap:13px;max-height:420px;overflow:auto;padding-right:3px}.admin-member-row{padding:14px 12px;border:1px solid #e2e9d7;border-radius:5px;display:flex;gap:10px;justify-content:space-between;align-items:center}.admin-member-row>div{min-width:0}.admin-member-row strong{font-size:11px;color:#48663a;display:block;overflow-wrap:anywhere}.admin-member-row small{font-size:9px;color:#8fa17f;display:block;overflow-wrap:anywhere;margin:3px 0 8px}.admin-member-row select{padding:7px 4px;border:1px solid #d7e3ca;border-radius:4px;font-size:10px;color:#6f875e;background:white;max-width:95px}.admin-owner-label{font-size:9px;color:#9ba88c}#invitation-result input{width:100%;font-size:10px;padding:8px;border:1px solid #d9e5ca;border-radius:4px;background:white;color:#6a8458}
