:root { --member-ink: #101a24; --member-paper: #f3f0e9; --member-line: rgba(16, 26, 36, .16); --member-cyan: #24d4dd; --member-coral: #fc664e; --member-deep: #0e1d2d; }
* { box-sizing: border-box; }
.member-body { margin: 0; min-width: 320px; background: radial-gradient(circle at 85% 0%, rgba(36,212,221,.18), transparent 26rem), var(--member-paper); color: var(--member-ink); font-family: Manrope, sans-serif; }
.member-shell { width: min(1180px, calc(100% - 36px)); margin: 0 auto; padding: 28px 0 72px; }
.member-nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 42px; border-bottom: 1px solid var(--member-line); }
.member-nav .brand { color: var(--member-ink); text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
.member-nav .brand img { width: 40px; height: 40px; }
.member-nav .brand span { display: grid; gap: 1px; line-height: 1; }
.member-nav .brand strong { letter-spacing: .12em; font-size: .8rem; }.member-nav .brand small { letter-spacing: .15em; font: .54rem "DM Mono", monospace; color: #4f606d; }
.member-back, .member-ghost { color: var(--member-ink); font: .72rem "DM Mono", monospace; text-transform: uppercase; letter-spacing: .08em; text-decoration: none; background: transparent; border: 0; padding: 10px 0; cursor: pointer; }
.auth-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(48px, 10vw, 144px); align-items: center; min-height: 690px; }
.auth-intro h1, .member-header h1 { margin: 14px 0 20px; font-size: clamp(3.5rem, 7vw, 7.5rem); letter-spacing: -.075em; line-height: .86; font-weight: 800; }.auth-intro > p { max-width: 530px; font-size: 1.08rem; line-height: 1.75; color: #40505d; }
.eyebrow { margin: 0; display: flex; align-items: center; gap: 9px; font: .67rem "DM Mono", monospace; letter-spacing: .16em; color: #587080; }.eyebrow i { width: 8px; height: 8px; border-radius: 50%; background: var(--member-coral); display: inline-block; }
.trust-note { margin-top: 48px; display: grid; grid-template-columns: 40px 1fr; gap: 18px; padding-top: 20px; border-top: 1px solid var(--member-line); max-width: 540px; }.trust-note span { color: var(--member-coral); font: .75rem "DM Mono", monospace; }.trust-note p { margin: 0; color: #596974; font-size: .84rem; line-height: 1.6; }.trust-note strong { color: var(--member-ink); }
.auth-card, .panel, .content-section { background: rgba(255,255,255,.58); border: 1px solid var(--member-line); box-shadow: 0 18px 70px rgba(16,26,36,.08); }.auth-card { padding: clamp(28px, 4vw, 48px); }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--member-line); margin-bottom: 30px; }.auth-tabs button { border: 0; background: none; text-align: left; padding: 0 0 14px; color: #788793; font: .7rem "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }.auth-tabs button.active { color: var(--member-ink); box-shadow: inset 0 -2px var(--member-coral); }
.field { display: grid; gap: 8px; margin-bottom: 18px; }.field label { font: .67rem "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; color: #566875; }.field input { border: 1px solid var(--member-line); border-radius: 0; padding: 15px 14px; color: var(--member-ink); background: rgba(255,255,255,.7); font: .95rem Manrope, sans-serif; outline: 0; }.field input:focus { border-color: var(--member-cyan); box-shadow: 0 0 0 3px rgba(36,212,221,.15); }.hidden { display: none !important; }.form-message { min-height: 23px; margin: 2px 0 15px; color: #b83d2e; font-size: .78rem; line-height: 1.45; }.form-message.success { color: #15816d; }
.member-primary, .member-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 48px; border: 0; border-radius: 0; padding: 0 18px; font: .72rem "DM Mono", monospace; letter-spacing: .07em; text-transform: uppercase; cursor: pointer; transition: transform .16s ease, background .16s ease; }.member-primary { width: 100%; background: var(--member-deep); color: white; }.member-primary:hover { background: #17344a; transform: translateY(-2px); }.member-primary:disabled, .member-secondary:disabled { opacity: .45; cursor: wait; transform: none; }.member-secondary { background: transparent; color: var(--member-ink); border: 1px solid var(--member-line); }.member-secondary:hover { background: rgba(36,212,221,.11); }.auth-footnote { margin: 20px 0 0; color: #687984; font-size: .72rem; line-height: 1.65; }
.member-view { padding-top: 66px; }.member-header { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 40px; }.member-header h1 { font-size: clamp(3rem, 6vw, 6rem); margin-bottom: 0; }.member-header h1 span { color: var(--member-coral); }.member-actions { display: grid; justify-items: end; gap: 8px; color: #60727e; font: .68rem "DM Mono", monospace; }.member-actions .member-ghost { color: var(--member-ink); border-bottom: 1px solid var(--member-ink); padding: 2px 0; }
.balance-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 12px; margin-bottom: 12px; }.balance-card { position: relative; min-height: 208px; padding: 27px; border: 1px solid var(--member-line); background: rgba(255,255,255,.5); overflow: hidden; }.balance-card.emphasis { background: var(--member-deep); color: white; }.balance-card.emphasis::after { content: ""; position: absolute; width: 160px; height: 160px; border: 1px solid rgba(36,212,221,.55); border-radius: 50%; right: -58px; bottom: -84px; box-shadow: 0 0 0 30px rgba(36,212,221,.06); }.balance-card p { margin: 0 0 25px; color: #71828f; font: .67rem "DM Mono", monospace; text-transform: uppercase; letter-spacing: .1em; }.balance-card.emphasis p { color: rgba(255,255,255,.65); }.balance-card strong { font-size: clamp(2.3rem, 4vw, 3.8rem); letter-spacing: -.07em; }.balance-card span { margin-left: 7px; font: .68rem "DM Mono", monospace; color: var(--member-coral); }.balance-card small { position: absolute; bottom: 25px; left: 27px; right: 27px; font-size: .72rem; line-height: 1.4; color: #71828f; }.balance-card.emphasis small { color: rgba(255,255,255,.6); }
.member-grid { display: grid; grid-template-columns: 1.45fr 1fr; gap: 12px; margin-bottom: 12px; }.panel, .content-section { padding: clamp(24px, 3vw, 36px); }.panel-head, .section-head { display: flex; align-items: start; justify-content: space-between; gap: 20px; }.panel h2, .content-section h2 { margin: 9px 0 0; font-size: 1.5rem; letter-spacing: -.045em; }.status-pill, .section-count { display: inline-flex; padding: 7px 9px; background: #d8f6f4; color: #12746e; font: .62rem "DM Mono", monospace; letter-spacing: .07em; text-transform: uppercase; }.mining-panel > p { margin: 28px 0 15px; max-width: 520px; color: #60717d; line-height: 1.6; font-size: .86rem; }.mining-rail { width: 100%; height: 7px; background: #dce1e1; overflow: hidden; }.mining-rail i { display: block; width: 0%; height: 100%; background: linear-gradient(90deg, var(--member-coral), var(--member-cyan)); transition: width .5s ease; }.mono { color: #667881; font: .69rem "DM Mono", monospace; }.panel-actions { display: flex; gap: 10px; margin-top: 22px; }.panel-actions .member-primary { width: auto; }.activity-list { display: grid; gap: 0; margin-top: 18px; }.activity-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 13px 0; border-top: 1px solid var(--member-line); }.activity-row b { display: block; font-size: .8rem; }.activity-row small { display: block; margin-top: 4px; color: #72818b; font: .61rem "DM Mono", monospace; }.activity-row strong { align-self: center; color: #147f78; font: .72rem "DM Mono", monospace; }.empty-copy { margin: 20px 0 0; color: #6d7c86; font-size: .82rem; line-height: 1.6; }
.content-section { margin-top: 12px; }.section-head { margin-bottom: 24px; }.campaign-list, .bonus-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.campaign-card, .bonus-card { min-height: 196px; padding: 20px; border: 1px solid var(--member-line); background: rgba(255,255,255,.45); display: flex; flex-direction: column; align-items: flex-start; }.campaign-card small, .bonus-card small { color: #72818b; font: .62rem "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }.campaign-card h3, .bonus-card h3 { margin: 22px 0 10px; font-size: 1.1rem; letter-spacing: -.04em; }.campaign-card p, .bonus-card p { margin: 0; color: #667782; font-size: .78rem; line-height: 1.55; }.campaign-card button, .bonus-card a { margin-top: auto; color: var(--member-ink); background: none; border: 0; padding: 16px 0 0; font: .65rem "DM Mono", monospace; text-transform: uppercase; letter-spacing: .07em; text-decoration: none; cursor: pointer; }.bonus-card.locked { opacity: .55; }.bonus-card.locked a { pointer-events: none; }
@media (max-width: 760px) { .member-shell { width: min(100% - 28px, 1180px); }.member-nav { padding-bottom: 28px; }.member-nav .brand small { display: none; }.auth-layout { grid-template-columns: 1fr; gap: 44px; padding: 48px 0; }.auth-intro h1 { font-size: clamp(3.5rem, 16vw, 5.5rem); }.balance-grid, .member-grid { grid-template-columns: 1fr; }.member-header { display: grid; align-items: start; }.member-actions { justify-items: start; }.campaign-list, .bonus-list { grid-template-columns: 1fr; }.panel-actions { flex-direction: column; }.panel-actions .member-primary, .panel-actions .member-secondary { width: 100%; }.member-primary { min-height: 52px; } }