body.member-page { background: #080706; min-height: 100vh; }
.member-header { height: 76px; border-bottom: 1px solid var(--line); display:flex; align-items:center; justify-content:space-between; padding:0 32px; background:rgba(8,7,6,.96); position:sticky; top:0; z-index:10; }
.member-brand { display:flex; align-items:center; gap:12px; font-family:Manrope,sans-serif; font-weight:800; letter-spacing:.12em; }
.member-mark { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--gold); color:var(--gold-bright); font-size:12px; }
.member-header-actions { display:flex; align-items:center; gap:20px; color:#8e8275; font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
.member-header-actions a { color:var(--cream); }
.member-status,.demo-chip { border:1px solid rgba(243,193,90,.22); padding:7px 10px; color:var(--gold-bright); }
.member-shell { max-width:1440px; min-height:calc(100vh - 76px); margin:0 auto; display:grid; grid-template-columns:320px 1fr; }
.member-sidebar { border-right:1px solid var(--line); padding:48px 30px 30px; display:flex; flex-direction:column; }
.member-welcome h1 { font-size:48px; line-height:.95; margin:12px 0 18px; }
.member-welcome p { color:var(--muted); font-size:13px; line-height:1.7; max-width:240px; }
.member-nav { margin-top:48px; display:grid; gap:5px; }
.member-nav-item { text-align:left; border:0; background:transparent; color:#8d8174; padding:13px 14px; cursor:pointer; font-size:12px; font-weight:600; letter-spacing:.04em; }
.member-nav-item:hover,.member-nav-item.active { color:var(--cream); background:rgba(255,255,255,.035); }
.member-nav-item.active { border-left:2px solid var(--gold-bright); }
.member-sidebar-note { margin-top:auto; border-top:1px solid var(--line); padding-top:22px; display:grid; gap:7px; }
.member-sidebar-note span { color:var(--gold-bright); font-size:8px; letter-spacing:.16em; }
.member-sidebar-note strong { font-family:Manrope,sans-serif; font-size:13px; }
.member-sidebar-note a { color:#9f9181; font-size:10px; text-transform:uppercase; letter-spacing:.12em; margin-top:6px; }
.member-content { padding:54px 54px 80px; }
.member-view { display:none; animation:member-in .3s ease; }
.member-view.active { display:block; }
@keyframes member-in { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
.member-topline { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:35px; }
.member-topline h2 { font-size:clamp(42px,5vw,64px); line-height:1; margin-top:10px; }
.member-stats { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-bottom:28px; }
.member-stats div { padding:20px 18px; border-right:1px solid var(--line); }
.member-stats div:last-child { border-right:0; }
.member-stats span { display:block; color:#766d64; text-transform:uppercase; letter-spacing:.12em; font-size:8px; margin-bottom:7px; }
.member-stats strong { font-family:Manrope,sans-serif; font-size:30px; }
.member-grid.two-col { display:grid; grid-template-columns:1.25fr .75fr; gap:16px; }
.member-card { border:1px solid var(--line); padding:28px; min-height:250px; background:rgba(255,255,255,.012); }
.featured-card { background:linear-gradient(135deg,rgba(217,164,65,.08),rgba(255,255,255,.012)); }
.card-label { color:var(--gold-bright); font-size:8px; letter-spacing:.16em; text-transform:uppercase; }
.member-card h3 { font-size:27px; margin:22px 0 8px; }
.member-card p { color:var(--muted); font-size:13px; }
.member-card small,.member-note { display:block; color:#71685f; font-size:10px; line-height:1.7; }
.member-card a { display:inline-block; margin-top:22px; color:var(--gold-bright); font-size:10px; text-transform:uppercase; letter-spacing:.12em; font-weight:700; }
.progress { height:2px; background:#302a24; margin:26px 0 10px; }
.progress span { display:block; width:62%; height:100%; background:var(--gold-bright); }
.interest-tags { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }
.interest-tags button { border:1px solid var(--line); background:transparent; color:#b8aa9a; padding:8px 10px; cursor:pointer; font-size:10px; }
.interest-tags button.selected { border-color:var(--gold); color:var(--gold-bright); background:rgba(217,164,65,.08); }
.member-section-head { display:flex; justify-content:space-between; align-items:end; margin:48px 0 18px; }
.member-section-head h3 { font-size:26px; margin-top:8px; }
.text-button { border:0; background:transparent; color:var(--gold-bright); cursor:pointer; font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
.place-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.place-card { text-align:left; min-height:170px; border:1px solid var(--line); background:linear-gradient(150deg,#21170f,#0d0b09); padding:20px; color:var(--cream); cursor:pointer; transition:transform .2s ease,border-color .2s ease; }
.place-card:hover { transform:translateY(-2px); border-color:rgba(243,193,90,.35); }
.place-card span,.saved-card span { display:block; color:var(--gold-bright); font-size:8px; letter-spacing:.16em; }
.place-card strong { display:block; font-family:Manrope,sans-serif; font-size:25px; margin:48px 0 5px; }
.place-card small { color:#8c8072; font-size:9px; }
.journey-path { max-width:780px; }
.journey-step { display:flex; gap:25px; align-items:flex-start; padding:20px 0; }
.journey-step > span { width:38px; height:38px; border:1px solid var(--line); display:grid; place-items:center; color:#81766a; font-size:10px; flex:0 0 auto; }
.journey-step.current > span { border-color:var(--gold); color:var(--gold-bright); }
.journey-step b { font-family:Manrope,sans-serif; font-size:20px; }
.journey-step p { color:var(--muted); font-size:13px; margin:5px 0 0; }
.journey-line { width:1px; height:30px; background:rgba(243,193,90,.25); margin-left:19px; }
.saved-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.saved-card { min-height:190px; border:1px solid var(--line); padding:25px; background:rgba(255,255,255,.015); }
.saved-card h3 { font-size:28px; margin:45px 0 6px; }
.saved-card p { color:var(--muted); font-size:12px; }
.saved-card button,.group-grid button { border:0; background:transparent; color:#81766b; font-size:9px; text-transform:uppercase; letter-spacing:.1em; padding:0; cursor:pointer; margin-top:18px; }
.group-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.group-grid article { border:1px solid var(--line); padding:28px; min-height:200px; }
.group-grid article > span { color:var(--gold-bright); font-size:9px; }
.group-grid h3 { font-size:24px; margin:35px 0 8px; }
.group-grid p { color:var(--muted); font-size:12px; max-width:330px; }
.profile-form { max-width:600px; display:grid; gap:9px; }
.profile-form label { color:#8b7f72; font-size:9px; text-transform:uppercase; letter-spacing:.14em; margin-top:12px; }
.profile-form input,.profile-form select { border:1px solid var(--line); background:#0e0c0a; color:var(--cream); padding:14px; outline:none; }
.profile-form input:focus,.profile-form select:focus { border-color:rgba(243,193,90,.5); }
.profile-form .button { margin-top:18px; border:0; cursor:pointer; width:max-content; }
.form-success { color:var(--gold-bright); font-size:11px; }
@media (max-width:900px) { .member-shell { grid-template-columns:1fr; } .member-sidebar { border-right:0; border-bottom:1px solid var(--line); padding:28px 22px; } .member-welcome h1 { font-size:38px; } .member-nav { grid-template-columns:repeat(3,1fr); margin-top:25px; } .member-sidebar-note { display:none; } .member-content { padding:38px 22px 60px; } .member-grid.two-col,.saved-grid { grid-template-columns:1fr; } .place-row { grid-template-columns:1fr 1fr; } }
@media (max-width:560px) { .member-header { padding:0 16px; } .member-status { display:none; } .member-header-actions { gap:10px; } .member-nav { grid-template-columns:1fr 1fr; } .member-stats { grid-template-columns:1fr; } .member-stats div { border-right:0; border-bottom:1px solid var(--line); } .member-stats div:last-child { border-bottom:0; } .place-row,.group-grid { grid-template-columns:1fr; } .member-topline { align-items:start; flex-direction:column; } }