.member-page{min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(250,204,21,.09),transparent 38%),var(--black)}.member-main{padding:7rem 0 4rem}.member-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,1fr);gap:clamp(2rem,6vw,5rem);align-items:start}.member-intro{position:sticky;top:7rem;padding-top:2rem}.member-kicker{display:inline-flex;border:1px solid rgba(250,204,21,.35);border-radius:999px;background:rgba(250,204,21,.1);color:var(--yellow-400);font-size:.78rem;font-weight:800;letter-spacing:.12em;padding:.5rem .8rem}.member-intro h1{max-width:620px;margin:1.25rem 0;font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.02}.member-intro p{max-width:560px;color:var(--zinc-300);font-size:1.05rem;line-height:1.7}.member-intro ul{display:grid;gap:.8rem;margin:1.75rem 0 0;padding:0;list-style:none}.member-intro li{display:flex;gap:.7rem;color:var(--zinc-200)}.member-intro li::before{content:'✓';color:var(--yellow-400);font-weight:900}.member-form-card{border:1px solid rgba(250,204,21,.18);border-radius:1.5rem;background:rgba(24,24,27,.92);box-shadow:0 28px 90px rgba(0,0,0,.38);padding:clamp(1.25rem,4vw,2.25rem)}.member-form{display:grid;gap:1rem}.profile-field{display:grid;place-items:center;gap:.75rem;margin-bottom:.5rem}.profile-preview{display:grid;place-items:center;width:72px;height:72px;overflow:hidden;border:1px solid rgba(250,204,21,.38);border-radius:50%;background:rgba(250,204,21,.1);color:var(--yellow-400);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.profile-preview:hover{border-color:var(--yellow-400);background:rgba(250,204,21,.16);transform:scale(1.03)}.profile-preview span,.profile-preview svg{display:block;width:28px;height:28px}.profile-preview .has-photo{color:#bbf7d0}.profile-preview:has(.has-photo){border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.14)}.profile-field input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.profile-field small,.member-form-note{color:var(--zinc-400);font-size:.78rem;text-align:center}.member-form .form-label span{color:var(--zinc-500);font-size:.78rem;font-weight:500}.member-success{text-align:center;padding:2rem .5rem}.member-success-avatar{width:112px;height:112px;margin:0 auto 1.25rem;border:3px solid var(--yellow-400);border-radius:50%;object-fit:cover}.member-success h2{margin-bottom:.5rem}.member-success p{color:var(--zinc-300)}.member-code{display:inline-flex;margin:1rem 0 1.5rem;border-radius:999px;background:rgba(250,204,21,.12);color:var(--yellow-400);font-weight:900;padding:.65rem 1rem}.member-status-badge{display:inline-flex;align-items:center;width:max-content;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:var(--zinc-300);font-size:.85rem;font-weight:800;padding:.6rem .9rem}.member-status-badge.active{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.12);color:#bbf7d0}@media(max-width:800px){.member-main{padding-top:6rem}.member-layout{grid-template-columns:1fr}.member-intro{position:static;padding-top:0}.member-intro h1{font-size:2.45rem}.member-form-card{padding:1.1rem}.two-col{grid-template-columns:1fr}.profile-preview{width:112px;height:112px}}