:root{--bm-primary:#7c3aed;--bm-secondary:#22d3ee;--bm-bg:#07111f;--bm-surface:#0e1f32;--bm-text:#edf5ff;--bm-muted:#9fb4c9;--bm-border:rgba(148,196,235,.24);--bm-deep:rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bm-bg);color:var(--bm-text)}a{color:inherit;text-decoration:none}button,.buttonLink{border:0;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--bm-secondary),var(--bm-primary));color:#fff;display:inline-flex;align-items:center;justify-content:center}button.ghost,.ghost{background:transparent;border:1px solid var(--bm-border);color:var(--bm-text)}button:disabled{opacity:.55;cursor:not-allowed}.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 6vw;background:color-mix(in srgb,var(--bm-bg) 86%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--bm-border)}.brand{font-size:20px;font-weight:900}.top nav{display:flex;gap:14px;align-items:center}
.hero{min-height:76vh;padding:72px 8vw;display:grid;grid-template-columns:1.4fr .8fr;gap:64px;align-items:center;background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--bm-primary) 35%,transparent),transparent 35%),radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--bm-secondary) 20%,transparent),transparent 32%)}h1{font-size:clamp(42px,7vw,76px);line-height:1.03;margin:16px 0;letter-spacing:-2px}.hero p{font-size:20px;line-height:1.7;color:color-mix(in srgb,var(--bm-text) 74%,transparent)}.hero small{display:block;line-height:1.55;color:color-mix(in srgb,var(--bm-text) 68%,transparent)}.pill{display:inline-block;padding:8px 12px;border:1px solid var(--bm-border);border-radius:999px;color:var(--bm-secondary)}.cta{display:flex;gap:12px;margin:26px 0}.phone{padding:22px;border-radius:36px;background:linear-gradient(160deg,color-mix(in srgb,var(--bm-surface) 78%,var(--bm-primary)),var(--bm-surface));box-shadow:0 30px 100px rgba(0,0,0,.45)}.screen{border-radius:24px;background:color-mix(in srgb,var(--bm-bg) 78%,#000);padding:24px;min-height:380px}.metric{margin:20px 0;padding:18px;background:color-mix(in srgb,var(--bm-surface) 88%,var(--bm-primary));border:1px solid var(--bm-border);border-radius:18px}.metric span,.metric strong{display:block}.metric span{color:color-mix(in srgb,var(--bm-text) 62%,transparent);margin-bottom:8px}.contentSection{padding:26px 0}.sectionTitle{padding:0 8vw;margin:30px 0 6px;font-size:36px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:30px 8vw}.grid3 article,.panel{background:var(--bm-surface);border:1px solid var(--bm-border);border-radius:22px;padding:24px}.grid3 article p{line-height:1.6;color:color-mix(in srgb,var(--bm-text) 75%,transparent)}.steps{padding:70px 0}.steps h2{padding:0 8vw;font-size:36px}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:30;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.box{width:min(460px,95vw);background:var(--bm-surface);border:1px solid var(--bm-border);border-radius:22px;padding:28px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.5)}.x{position:absolute;right:14px;top:12px;background:transparent;font-size:28px;padding:4px}.box input,.box textarea,.formgrid input,.formgrid textarea,.copy input,.pw input,.landingEditor input,.landingEditor textarea,.landingToolbar select{width:100%;margin:8px 0;padding:13px;border-radius:12px;border:1px solid var(--bm-border);background:color-mix(in srgb,var(--bm-bg) 84%,#000);color:var(--bm-text)}.box>button:not(.x){width:100%;margin-top:10px}.pw{display:flex;align-items:center;gap:6px}.pw button{padding:10px;background:color-mix(in srgb,var(--bm-surface) 80%,var(--bm-primary))}.dash{padding:40px 6vw}.dash h1{font-size:42px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.formgrid textarea{grid-column:1/-1;min-height:90px}.copy{display:flex;gap:8px}.copy input{margin:0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--bm-border);white-space:nowrap}
.notice{margin:18px 0 0;padding:15px 17px;border-radius:13px;font-weight:750;line-height:1.5;border:1px solid transparent;font-size:15px}.notice.info{background:#102d46;border-color:#285b81;color:#d7efff}.notice.success{background:#0f352b;border-color:#24765e;color:#d8fff2}.notice.error{background:#421c25;border-color:#8b3a4c;color:#ffe3e8}.otpLead{line-height:1.6;color:color-mix(in srgb,var(--bm-text) 78%,transparent)}.otpInput{text-align:center;font-size:30px!important;font-weight:850;letter-spacing:10px;padding-left:22px!important}.resend{width:100%;margin-top:10px}.otpHint{font-size:13px;color:var(--bm-muted);line-height:1.5;margin-bottom:0}.box button:disabled{opacity:.55;cursor:not-allowed}
.panel{margin:0 0 22px}.panelHead{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.panelHead h2{margin-bottom:6px}.muted{color:var(--bm-muted);margin-top:0;line-height:1.55}.actionButtons{display:flex;gap:8px;align-items:center}.small{padding:8px 11px;border-radius:9px;font-size:13px}.danger{background:linear-gradient(135deg,#b91c1c,#ef4444)!important}.protectedLabel{font-size:12px;color:var(--bm-muted);border:1px solid var(--bm-border);border-radius:999px;padding:6px 9px}.adminBox{width:min(720px,96vw);max-height:92vh;overflow:auto}.adminBox label,.landingEditor label,.landingToolbar label{display:block;margin-top:12px;color:color-mix(in srgb,var(--bm-text) 78%,transparent);font-size:13px;font-weight:700}.adminBox select{width:100%;margin:8px 0;padding:13px;border-radius:12px;border:1px solid var(--bm-border);background:color-mix(in srgb,var(--bm-bg) 84%,#000);color:var(--bm-text)}.sep{border:0;border-top:1px solid var(--bm-border);margin:24px 0}.fullbtn{width:100%;margin-top:10px}.statusBadge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;border:1px solid var(--bm-border)}.status-active{background:#0f352b;border-color:#24765e}.status-pending_otp{background:#423715;border-color:#806b28}.status-blocked{background:#421c25;border-color:#8b3a4c}
/* Admin landing page */
.countBadge{border:1px solid var(--bm-border);border-radius:999px;padding:8px 12px;font-weight:800;color:var(--bm-secondary)}.landingToolbar{display:flex;gap:12px;align-items:end;margin:18px 0}.landingToolbar .fieldGrow{flex:1}.landingToolbar select{margin-bottom:0}.landingEditor{margin-top:20px;padding-top:6px}.landingEditor h3{margin-top:24px}.landingEditor h4{margin:18px 0 6px;color:color-mix(in srgb,var(--bm-text) 86%,transparent)}.landingEditor textarea{min-height:100px;resize:vertical}.landingEditor .shortArea{min-height:72px}.checkField{padding-top:3px}.toggleLine{display:flex!important;align-items:center;gap:10px;min-height:48px}.toggleLine input{width:auto!important;margin:0!important}.colorGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.colorGrid label{padding:12px;border:1px solid var(--bm-border);border-radius:14px;background:color-mix(in srgb,var(--bm-bg) 65%,transparent)}.colorGrid input[type=color]{height:52px;padding:5px;cursor:pointer}.metricEditor{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.landingCardEditors{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.miniEditor{padding:16px;border:1px solid var(--bm-border);border-radius:16px;background:color-mix(in srgb,var(--bm-bg) 62%,transparent)}.landingActions{display:flex;gap:12px;margin-top:24px}.landingActions button{flex:1}
/* Member landing picker */
.dashboardTopCards{padding:10px 0 22px}.dashboardTopCards article{min-width:0}.buttonLink{width:max-content;max-width:100%}.landingChoices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.landingChoice{position:relative;display:block;border:1px solid var(--bm-border);border-radius:18px;padding:14px;cursor:pointer;background:color-mix(in srgb,var(--bm-bg) 62%,transparent);transition:.18s ease}.landingChoice:hover,.landingChoice.selected{transform:translateY(-2px);border-color:var(--choice-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--choice-primary) 25%,transparent)}.landingChoice input{position:absolute;right:13px;top:13px;accent-color:var(--choice-primary)}.landingChoice strong,.landingChoice small{display:block}.landingChoice small{color:var(--bm-muted);margin-top:5px}.landingMini{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:5px;height:78px;margin:20px 0 13px;padding:8px;border-radius:12px;background:var(--choice-bg);overflow:hidden}.landingMini i{display:block;border-radius:7px;background:var(--choice-primary)}.landingMini i:nth-child(1){grid-row:1/3;background:linear-gradient(145deg,var(--choice-secondary),var(--choice-primary))}.landingMini i:nth-child(2){background:color-mix(in srgb,var(--choice-primary) 70%,#fff)}.landingMini i:nth-child(3){background:color-mix(in srgb,var(--choice-secondary) 72%,#fff)}.landingMemberActions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.inlineSuccess{color:#6ee7b7;font-weight:700}.inlineError{color:#fda4af;font-weight:700}
@media(max-width:1000px){.colorGrid{grid-template-columns:repeat(3,1fr)}.landingCardEditors{grid-template-columns:1fr}.landingChoices{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:48px 6vw}.phone{display:none}.grid3{grid-template-columns:1fr}.top nav a{display:none}.formgrid{grid-template-columns:1fr}.formgrid textarea{grid-column:auto}h1{font-size:44px}.actionButtons{flex-direction:column;align-items:stretch}.small{width:100%}.landingToolbar{flex-direction:column;align-items:stretch}.colorGrid{grid-template-columns:repeat(2,1fr)}.metricEditor{grid-template-columns:1fr}.landingActions{flex-direction:column}.landingChoices{grid-template-columns:1fr}}