.member-header .member-join{position:relative;flex:0 0 194px;min-height:76px;display:flex;align-items:center;gap:9px;padding:7px 16px 7px 8px;border-radius:18px;color:#072032;background:linear-gradient(120deg,#a9f0ff,#59d6f4 60%,#b5f6df);border:1px solid #dbffff;box-shadow:0 0 26px #5bdbff66;overflow:hidden;animation:member-glow 3s ease-in-out infinite}
.member-join img{width:58px;height:58px;object-fit:contain;flex-shrink:0;animation:member-bob 2.4s ease-in-out infinite}
.member-join-copy{display:flex;flex-direction:column;gap:4px}.member-join strong{font-size:21px;white-space:nowrap;letter-spacing:-.04em}.member-join small{font-size:9px;font-weight:800;letter-spacing:.13em}.member-join:after{content:'';position:absolute;inset:-50% -60%;background:linear-gradient(110deg,transparent 40%,#fff8 50%,transparent 60%);transform:translateX(-75%);animation:member-shine 5s ease-in-out infinite;pointer-events:none}
.member-join:hover{filter:brightness(1.08)}.member-join:focus-visible{outline:3px solid #fff;outline-offset:4px}
@keyframes member-bob{0%,100%{transform:translateY(2px) rotate(-3deg)}50%{transform:translateY(-3px) rotate(3deg)}}
@keyframes member-glow{0%,100%{box-shadow:0 0 14px #5bdbff55}50%{box-shadow:0 0 32px #5bdbffb0}}
@keyframes member-shine{0%,65%{transform:translateX(-75%)}95%,100%{transform:translateX(75%)}}
.membership-page{background:#f1f5f9;min-height:100vh}.membership-shell{width:min(1040px,calc(100% - 48px));margin:38px auto 60px;display:grid;grid-template-columns:.82fr 1.18fr;border-radius:28px;overflow:hidden;box-shadow:0 18px 55px #122d4315;border:1px solid #dce6ed;background:#fff}
.membership-story{padding:45px 36px;background:radial-gradient(ellipse at 20% 10%,#204d69,transparent 70%),#071626;color:#eef8ff;display:flex;flex-direction:column;align-items:flex-start}.membership-eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;color:#72ddff}.membership-story h1{font-size:36px;line-height:1.32;letter-spacing:-.055em;margin:22px 0 17px}.membership-story p{font-size:14px;line-height:1.9;color:#bacddd;margin:0}.membership-mascot{width:170px;height:170px;align-self:center;margin:28px 0 18px;animation:member-bob 3s ease-in-out infinite}.membership-story-note{margin-top:auto!important;padding-top:22px;border-top:1px solid #fff2;width:100%;font-size:12px!important}
.membership-form-panel{padding:36px 38px}.membership-form-panel h2{font-size:25px;margin:0 0 9px;letter-spacing:-.04em}.membership-intro{font-size:13px;color:#64748b;line-height:1.7;margin:0 0 25px}.membership-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.member-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px;font-weight:700;color:#273d50}.member-field.full{grid-column:1/-1}.member-field input{width:100%;min-height:46px;border:1px solid #cbd7e2;border-radius:10px;background:#fbfdff;padding:11px 12px;font:inherit;font-weight:400;color:#172c3f;box-sizing:border-box}.member-field input::placeholder{color:#93a2b2;font-size:12px}.member-field input:focus{outline:3px solid #c9edff;border-color:#237fbb;background:#fff}.member-hint{font-size:11px;font-weight:400;line-height:1.6;color:#71849a}.member-password{display:flex;gap:7px}.member-password input{flex:1;min-width:0}.member-password button{border:1px solid #cbd7e2;border-radius:10px;background:#f1f6fa;color:#34536c;font:inherit;font-size:12px;padding:0 11px;min-width:54px;cursor:pointer}
.member-consent{margin:23px 0 17px;padding:14px;border:1px solid #e1e9ef;border-radius:12px;background:#f6f9fb;font-size:12px;line-height:1.7;color:#526b7d}.member-consent label{display:flex;align-items:flex-start;gap:8px;font-weight:700;color:#243f54}.member-consent input{margin-top:4px;accent-color:#147dba}.member-consent details{padding-left:23px;margin-top:7px}.member-consent summary{cursor:pointer}.member-consent p{margin:8px 0 0}
.member-submit{width:100%;min-height:50px;border:0;border-radius:12px;background:linear-gradient(100deg,#1465a1,#148faa);color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 7px 18px #167baa25}.member-submit:hover{filter:brightness(1.08)}.member-submit:disabled{opacity:.65;cursor:wait}.member-status{font-size:13px;line-height:1.7;margin:14px 0 0;color:#9c3434;min-height:1.7em}.member-status:empty{display:none}.member-back{display:inline-block;font-size:12px;color:#536d82;margin-top:19px}.member-success{text-align:center;padding:45px 5px}.member-success[hidden]{display:none}.member-success-icon{width:70px;height:70px;border-radius:50%;margin:0 auto 23px;display:grid;place-items:center;background:#e2f8ee;color:#13865c;font-size:34px}.member-success p{color:#5c7184;font-size:14px;line-height:1.8}.member-success .member-submit{display:inline-flex;align-items:center;justify-content:center;margin-top:20px}
@media(max-width:1000px) and (min-width:701px){.member-header .brand-promise{display:none}.member-header .head-inner{gap:18px}.member-header .member-join{flex-basis:180px}}
@media(max-width:700px){.site-header.member-header{height:auto}.member-header .head-inner{display:flex;flex-direction:column;gap:12px;padding:12px 0}.member-header .brand{justify-content:center}.member-header .member-join{flex:0 0 auto;width:min(100%,360px);min-height:60px;justify-content:center;padding:3px 14px}.member-join img{width:46px;height:46px}.member-join strong{font-size:20px}.membership-shell{width:calc(100% - 24px);margin:20px auto 32px;grid-template-columns:1fr;border-radius:22px}.membership-story{padding:25px 24px;position:relative;min-height:145px;padding-right:120px}.membership-story h1{font-size:28px;margin:13px 0 10px}.membership-story p{font-size:12px}.membership-mascot{position:absolute;width:100px;height:100px;right:12px;top:40px;margin:0}.membership-story-note{display:none}.membership-form-panel{padding:27px 22px}.membership-grid{gap:16px 12px}.membership-form-panel h2{font-size:23px}}
@media(max-width:380px){.membership-grid{grid-template-columns:1fr}.member-field.full{grid-column:auto}.membership-story{padding-right:105px}.membership-mascot{width:85px;height:85px}}
@media(prefers-reduced-motion:reduce){.member-join,.member-join img,.membership-mascot{animation:none!important}.member-join:after{animation:none;display:none}}

/* One clear header entry: sign up above administrator login. */
.member-header .member-access-stack{flex:0 0 194px;width:194px;display:flex;flex-direction:column;gap:8px;min-width:0}.member-header .member-access-stack .member-join{flex:0 0 auto;width:100%;height:54px;min-height:54px;box-sizing:border-box;padding:4px 10px 4px 6px;border-radius:12px;gap:8px}.member-access-stack .member-join img{width:42px;height:42px}.member-access-stack .member-join-copy{gap:3px}.member-access-stack .member-join strong{font-size:16px;letter-spacing:-.03em}.member-access-stack .member-join small{font-size:7px;letter-spacing:.09em}.member-header .member-access-stack .member-admin-login{background:linear-gradient(120deg,#d8e5ff,#9dcaff 65%,#d7efff);border-color:#dbeaff}.member-admin-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;flex:0 0 42px;font-size:28px;line-height:1;animation:member-bob 2.4s ease-in-out infinite}.member-admin-login .member-join-copy strong{font-size:16px}@media(max-width:700px){.member-header .member-access-stack{flex:0 0 auto;width:min(100%,360px)}.member-header .member-access-stack .member-join{justify-content:center}.member-access-stack .member-join-copy{min-width:138px}.member-access-stack .member-join strong{font-size:17px}}@media(prefers-reduced-motion:reduce){.member-admin-icon{animation:none!important}}