/* Shared BNB palette: midnight navy, electric cyan, and luminous gold. */
:root{color-scheme:dark;--purple:#f5c542;--yellow:#ffd65a;--ink:#eef7ff;--muted:#a0b8ce;--line:#22445e;--bg:#03101f;--gold:#ffd24a;--cyan:#45d9ff;--panel:#0a2035}
body{background:radial-gradient(ellipse at 8% 0,#063c5d80,transparent 45%),radial-gradient(ellipse at 100% 85%,#72541322,transparent 40%),#03101f;color:var(--ink)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--cyan)}
.galaxy-background{background:radial-gradient(ellipse at 14% 12%,#00568055,transparent 48%),radial-gradient(ellipse at 90% 55%,#0072aa40,transparent 45%),linear-gradient(140deg,#020c18,#041a30 60%,#020e1c)}
.galaxy-background::after{background:radial-gradient(ellipse at 50% 45%,transparent 20%,#00081066)}
.nebula-purple{background:radial-gradient(ellipse,#008ec355,#00557b33 40%,transparent 70%)}
.nebula-blue{background:radial-gradient(ellipse,#0077c755,#004ca233 35%,transparent 70%)}
.nebula-pink{background:radial-gradient(ellipse,#b58a1840,#17557a22 40%,transparent 70%)}
.galaxy-star{box-shadow:0 0 6px #39cdff77}.galaxy-star.bright{box-shadow:0 0 12px #45d9ff99,0 0 3px #fff}
.galaxy-star.bright::before,.galaxy-star.bright::after{background:linear-gradient(transparent,#a8eaffbb,transparent)}
.shooting-star{background:linear-gradient(90deg,transparent,#45d9ff,#fff0b5)}
.distant-planet{background:radial-gradient(circle at 28% 22%,#45d9ff66,#07487855 55%,#03101f);border-color:#45d9ff33;box-shadow:inset -12px -8px 18px #00081499,0 0 28px #00adff22}
.distant-planet::after{border-color:#ffd24a55}
.brand,.app-header .brand{color:#f1f8ff}.brand>span:not(.brand-icon),.app-header .brand>span:not(.brand-icon){color:var(--gold)}.brand i{color:var(--cyan)}
.brand-icon,.app-header .brand-icon{background:linear-gradient(135deg,#ffe995,#f4b816);color:#142039;box-shadow:0 3px 0 #8f6510,0 0 20px #ffc62925}
.avatar{border-color:#f5c542;box-shadow:0 0 18px #ffd24a22}
.demo-pill,.locked-counter,.club-preview-pill{background:#082239bb;border-color:#2b5672;color:#acd6ed}.demo-pill i{background:var(--cyan);box-shadow:0 0 9px #45d9ff}
.page-heading h1,.section-title h2,.club-overview h2,.page-heading h1 #club-title{color:#f3f9ff}
.page-heading h1>span,.form-content h2>span{color:var(--gold)}
.page-heading p,.section-title p,.today-date,.today-date small,.sample-label,.app-disclaimer,.club-back,.back-link{color:var(--muted)}
.eyebrow,.page-heading .eyebrow,.clubs-section .eyebrow,.club-overview .eyebrow,.today-date .icon{color:var(--cyan)}
.welcome-banner{background:radial-gradient(ellipse at 85% 50%,#047abf66,transparent 60%),linear-gradient(110deg,#0b2945,#063250 65%,#074364);border:1px solid #d8a92d;box-shadow:0 6px 0 #061322,0 0 35px #00aaff12}
.banner-chip{color:#ffe297;border-color:#f5c54266;background:#f5c5420c}.banner-copy p{color:#b8d9ee}.banner-link{color:var(--gold)}
.orbit-ring{border-color:#38ceff66;box-shadow:0 0 25px #00baff15}.orbit-ring::after{border-color:#ffd24a44}.banner-art img{filter:drop-shadow(0 0 22px #00bbff33)}
.profile-panel,.club-note,.history-panel,.reward-card,.position-panel{background:linear-gradient(135deg,#0c263e,#081c30);border-color:#26516c;box-shadow:0 4px 0 #020c18,0 12px 30px #00091644}
.profile-detail,.referral-area,.transaction-row,.panel-note,.form-footer,.position-dialog-details>div{border-color:#244157}
.detail-icon.purple,.icon-button{background:#0d3a52;color:var(--cyan);border-color:#235570}.detail-icon.peach{background:#433619;color:var(--gold)}
.small-label,.profile-detail small,.referral-tag,.club-note p,.club-note strong,.transaction-label small,.panel-note,.reward-card p,.reward-banner p{color:#a4bfd4}
.referral-actions input,.share-input{color:#bce9ff;background:#041527;border-color:#24516f}
.share-button,.dialog-button,.submit-button{background:linear-gradient(135deg,#ffe184,#f4bd2d);color:#112338;box-shadow:0 4px 0 #956c18,0 0 20px #f5c54218}
.share-button:hover,.dialog-button:hover,.submit-button:hover{background:linear-gradient(135deg,#ffecac,#ffd24a);box-shadow:0 6px 0 #956c18}
.total-card{background:radial-gradient(ellipse at 90% 0,#ffc62f1a,transparent 70%),linear-gradient(135deg,#283124,#0d2535);border-color:#caa037;color:#ffe291;box-shadow:0 5px 0 #6d5017,0 0 22px #ffc52c10}
.today-card{background:linear-gradient(135deg,#073953,#09253c);border-color:#2ea5cc;color:#84e7ff;box-shadow:0 5px 0 #074463}
.withdraw-card{background:linear-gradient(135deg,#382e16,#202719);border-color:#bc9636;color:#ffe19a;box-shadow:0 5px 0 #65501c}
.stat-icon,.today-card .stat-icon,.withdraw-card .stat-icon{background:#ffffff0b;color:inherit;border:1px solid #ffffff22}
.stat-badge,.today-card .stat-badge,.withdraw-card .stat-badge{color:inherit;border-color:#ffffff40}.stat-value small{opacity:.85}.stat-bottom{opacity:.85}.mini-chart i{background:var(--gold);box-shadow:0 0 6px #ffd24a55}.status-dot{background:var(--cyan)}
.club-card{--club-bg:#082c48!important;--club-border:#276484!important;--club-ink:#83dfff!important;background:radial-gradient(circle at 50% 28%,#008bc229,transparent 60%),linear-gradient(145deg,#0c2a42,#071a2e);border-color:#2b6888;box-shadow:0 5px 0 #06101f;color:#edf8ff}
.club-card:nth-child(even){border-color:#93772f;--club-border:#93772f!important;--club-ink:#ffe095!important;background:radial-gradient(circle at 50% 28%,#e1b22513,transparent 60%),linear-gradient(145deg,#112b3b,#071a2e)}
.club-card:hover{border-color:var(--gold);box-shadow:0 5px 0 #614b19,0 0 26px #00bbff22}
.club-lock{filter:drop-shadow(0 6px 9px #00b9ff30)}
.club-status,.reward-card .club-status{background:#031729;border-color:#32647c;color:#b9ddec}
.bottom-nav{background:#05192ded;border-color:#b38e32;box-shadow:0 8px 0 #02091455,0 0 30px #00aaff15}
.bottom-nav a{color:#98bdd5}.bottom-nav a.active{background:linear-gradient(135deg,#ffd964,#efb725);color:#10213a;box-shadow:0 0 14px #f5c54222}
.bottom-nav a:hover{background:#123b53;color:var(--cyan)}.bottom-nav a:last-child:hover{background:#3d2829;color:#ffb89e}
.history-summary>div,.history-summary>div:last-child,.reward-banner{background:linear-gradient(135deg,#0d3048,#091e31);border-color:#33728e;box-shadow:0 5px 0 #030e1d}
.history-summary>div:last-child{border-color:#a58532}.history-summary span,.history-summary small{color:#a4c7dc}.history-summary strong{color:var(--gold)}
.filter-buttons button{background:#0d2b43;color:#a8c9df}.filter-buttons button.active{background:#f5c542;color:#13243a}
.transaction-icon{background:#0b3c50;color:var(--cyan)}.transaction-row.withdrawal .transaction-icon{background:#3b321d;color:var(--gold)}
.transaction-amount strong{color:var(--cyan)}.withdrawal .transaction-amount strong{color:var(--gold)}.transaction-amount small,.withdrawal .transaction-amount small{color:#abc1d0}
.reward-gift{color:#654711;border-color:#ffe294;box-shadow:8px 8px 0 #020d2055}.reward-card .reward-symbol,.share-symbol{color:var(--gold)}
.toast,dialog{background:#09243a;color:var(--ink);border-color:#8c7739;box-shadow:0 30px 100px #000a1f88}dialog::backdrop{background:#000b1eb3}
.dialog-close{background:#153e56;color:var(--cyan)}.dialog-eyebrow,dialog p,.dialog-help{color:#b0cada}
.club-picker label,.club-overview p,.matrix-heading p,.cycle-tag,.level-labels,.status-key,.occupancy,.routing-note,.club-navigation{color:#a4bfd4}
.club-picker select,.club-picker select option{background:#09253b;color:#d7efff;border-color:#38677e}
.club-overview{background:linear-gradient(120deg,#0b3c5666,#0a253bc9);border-color:#bc983e66}
.overview-symbol{background:linear-gradient(145deg,#ffe694,#efb720);border-color:#ffdf7a;color:#293828;box-shadow:5px 5px 0 #020d205e}
.club-stat{background:linear-gradient(135deg,#0b3b49,#092b36);border-color:#3c9c9b;color:#7ff0d7;box-shadow:0 5px 0 #084145}
.club-stat.upgrade{background:linear-gradient(135deg,#3b3319,#212916);border-color:#b39640;color:#ffe092;box-shadow:0 5px 0 #604b1a}
.club-stat.upline{background:linear-gradient(135deg,#3c282a,#252334);border-color:#a46a59;color:#ffb69b;box-shadow:0 5px 0 #4e2b28}.club-stat p,.club-stat strong small{opacity:.9}.summary-icon{background:#ffffff0b}
.matrix-panel{background:radial-gradient(ellipse at 50% 0,#07548133,transparent 70%),linear-gradient(145deg,#071d31f5,#031427f5);border-color:#326e91;box-shadow:0 7px 0 #020a174f,0 0 45px #00baff0c;color:var(--ink)}
.matrix-heading .eyebrow,.cycle-tag strong{color:var(--gold)}.cycle-tag>span{border-color:#486172}
.your-node{background:linear-gradient(135deg,#164a65,#0a293f);border-color:#f5c54299;box-shadow:0 5px 0 #020b1c,0 0 25px #00c8ff22}.your-node strong{color:var(--gold)}.your-node small{color:#a8d7ee}.your-avatar{border-color:#ffd24a99}
.tree-lines,.tree-lines .root-connection{stroke:#38bdea80}
.position-node{background:linear-gradient(135deg,var(--role-bg),#061a2d);color:#e6f5ff;box-shadow:0 5px 0 #020b1d99}
.position-node:hover{background:linear-gradient(135deg,var(--role-bg),#12344d)}.position-node.empty{background:#06172b}
.neutral,.position-node.neutral,.route-tag.neutral{--role:#84c8ff;--role-bg:#308adb20;--role-border:#55acdf66}
.income,.position-node.income{--role:#78edd6;--role-bg:#27c5ae20;--role-border:#51c3ad77}
.upline,.position-node.upline{--role:#ffb699;--role-bg:#eb875920;--role-border:#e59a7777}
.upgrade,.position-node.upgrade{--role:#ffdd79;--role-bg:#dcb42b20;--role-border:#d8b74c88}
.node-id,.empty .node-value{color:#a0b9ce}.matrix-footer{border-color:#28516c}.filled-dot{background:var(--cyan)}.empty-dot{border-color:#96c6df}.occupancy-track{background:#12334b}.occupancy-track>span{background:linear-gradient(90deg,#1ac4fb,#ffd24a)}
.level-cards article{background:#0b2639dd;border-color:#2e5b75;box-shadow:0 4px 0 #030d1d}.level-number{background:#123c53;border-color:#39748d;color:var(--cyan)}.level-cards h3{color:#d8edfb}.level-cards p,.level-cards strong small{color:#a0b9ce}.level-cards strong{color:var(--gold)}
.position-panel .eyebrow,th{color:#9bc8e3}.position-panel .history-toolbar h2,td:first-child{color:#edf8ff}th,td{border-color:#234358}td{color:#b4d3e7}
.table-route.neutral,.table-route.income,.table-route.upgrade,.table-route.upline,.position-dialog-summary.neutral,.position-dialog-summary.income,.position-dialog-summary.upgrade,.position-dialog-summary.upline{background:var(--role-bg);color:var(--role);border-color:var(--role-border)}
.table-status{color:var(--cyan)}.table-status.empty{color:#a6bdce}.position-dialog-route{color:var(--gold)}.position-dialog-details{background:#06192a;border-color:#285571}.position-dialog-details span{color:#a6c3d8}.position-dialog-details strong{color:#e4f6ff}
/* Login uses the same navy surfaces and gold actions. */
.login-shell{background:#071c30;border-color:#6f6332;box-shadow:0 25px 80px #00071066,0 0 35px #00baff0c}
.story-panel{background:radial-gradient(ellipse at 55% 60%,#047eac55,transparent 65%),linear-gradient(145deg,#092c48,#061b31 55%,#0b2f44)}
.story-grid{background-image:radial-gradient(#48cfff 1px,transparent 1px);opacity:.25}.story-copy h1{color:#f5faff}.story-copy p,.story-footer{color:#aacde3}
.little-star,.decor{color:var(--gold)}.decor-two{color:var(--cyan)}.character-glow{background:radial-gradient(ellipse,#00c8ff40,transparent 70%)}
.login-character{filter:drop-shadow(0 12px 25px #00aaff25)}.hello-bubble{background:#0a2b40;border-color:#e1b84588;box-shadow:0 5px 0 #020d1b;color:#ffe295}.hello-bubble small{color:#b3cfe0}.hello-bubble>span{color:var(--gold)}
.tiny-avatars i{border-color:#123149}.story-dots i{background:#245b76}.story-dots i:first-child{background:var(--gold)}
.form-panel{background:linear-gradient(155deg,#0b263c,#06182a)}.preview-tag,.form-intro,.demo-note,.signup-note,.form-footer,.page-footer,.page-footer a{color:#a2bed2}
.preview-tag>span{background:var(--cyan)}.welcome-icon{background:#3a321a;border-color:#b6953e;color:var(--gold)}
label{color:#c9e1f2}.input-wrap{background:#041729;border-color:#31516a}.input-wrap:focus-within{background:#082038;border-color:var(--cyan);box-shadow:0 0 0 4px #45d9ff12}
.input-icon,.password-toggle{color:#91bad1}.input-wrap input{color:#edf8ff}.input-wrap input::placeholder{color:#839fb6}
.input-wrap:has([aria-invalid=true]){background:#30202c;border-color:#e494a0}.field-error{color:#ffb1bc}.divider p{color:#97b1c5}
.demo-button{background:#0b3047;border-color:#2d7796;color:#a0ebff}.demo-button:hover{background:#124259}.demo-button>span:first-child{color:var(--cyan)}
.submit-button[disabled]{background:#aa902f;color:#112338}.spinner{border-color:#10233855;border-top-color:#102338}
.reset-message{color:#b3d8ed}.back-link:hover,.club-back:hover,.club-navigation a:hover{color:var(--gold)}

/* Position holds remain distinct from income and pool upgrades. */
.hold,.position-node.hold,.route-tag.hold{--role:#9ccaff;--role-bg:#408edf20;--role-border:#68a8e077}.club-stat.hold{background:linear-gradient(135deg,#16364f,#10243b);border-color:#5f8fbc;color:#acd7ff;box-shadow:0 5px 0 #173753}.table-route.hold,.position-dialog-summary.hold{background:var(--role-bg);color:var(--role);border-color:var(--role-border)}
.cycle-progress{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:24px;padding:25px;border:1px solid #a88c3f;border-radius:20px;background:linear-gradient(120deg,#0c3046,#102b32);box-shadow:0 5px 0 #020b1a}.cycle-progress h2{font-size:20px;margin:10px 0}.cycle-progress p{font-size:11px;color:#c0dbea;line-height:1.8}.cycle-progress small{display:block;color:#93b0c5;font-size:9px;margin-top:10px}.cycle-actions{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.cycle-actions button,.cycle-actions a{padding:12px 16px;border-radius:10px;text-align:center;font-size:11px;font-weight:600}.cycle-actions button{background:#123e56;color:#a2e9ff;border:1px solid #36778f}.cycle-actions button:disabled{opacity:.55;cursor:default}.cycle-actions a{background:linear-gradient(135deg,#ffe184,#f4bd2d);color:#112338;box-shadow:0 3px 0 #956c18}.cycle-actions a[hidden]{display:none}@media(max-width:760px){.cycle-progress{display:block;padding:21px 18px}.cycle-progress h2{font-size:18px}.cycle-progress p{font-size:10px}.cycle-actions{margin-top:18px}.cycle-progress small{font-size:8px}}