:root {
  --bg: #0a0e1a;
  --sidebar: #0b1020;
  --stage: #0d1324;
  --card: #151b2e;
  --line: #232a40;
  --text: #f4f6fb;
  --muted: #8b95b2;
  --purple: #7c5cff;
  --green: #3dd68c;
  --max: 1180px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { min-height: 100%; }
body {
  font-family: "Plus Jakarta Sans", Inter, system-ui, sans-serif;
  background: var(--bg); color: var(--text); line-height: 1.45;
  display: grid; grid-template-columns: 228px 1fr;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea, select { font: inherit; color: #f4f6ff; }
input::placeholder, textarea::placeholder { color: #8b93b0; }
.sidebar {
  background: var(--sidebar); border-right: 1px solid #171d30; padding: 22px 16px;
  display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh;
}
.brand { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 22px; letter-spacing: -.03em; margin: 4px 6px 22px; }
.brand img { height: 34px; width: 34px; object-fit: cover; border-radius: 10px; }
.side-nav { display: flex; flex-direction: column; gap: 6px; }
.side-nav a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; color: #c5cbe0; font-weight: 650; font-size: 15px; }
.side-nav a svg { width: 20px; height: 20px; }
.side-nav a.active { background: #6d4dff; color: #fff; }
.side-nav a:not(.active):hover { background: #151b2e; }
.side-foot { margin-top: auto; background: #12182b; border: 1px solid #1d2540; border-radius: 16px; padding: 16px; color: #d7dced; font-size: 14px; font-weight: 650; }
.side-foot .heart { color: #8b6cff; font-size: 20px; margin-bottom: 8px; }
.side-foot a { color: #9b87ff; font-weight: 700; font-size: 13px; display: inline-block; margin-top: 10px; }
.stage { min-width: 0; background: radial-gradient(900px 280px at 70% -8%, rgba(109,77,255,.12), transparent 50%), var(--stage); }
.topbar { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 22px 28px 8px; }
.top-copy h1 { font-size: 28px; letter-spacing: -.03em; display: flex; align-items: center; gap: 8px; }
.top-copy p { color: var(--muted); font-size: 14px; margin-top: 4px; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.wrap { width: min(var(--max), calc(100% - 48px)); margin: 0 auto; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 999px; padding: 11px 18px; font-weight: 750; cursor: pointer; }
.btn-primary, .btn-gold { background: var(--purple); color: #fff; }
.btn-dark { background: #1a2136; color: #fff; border: 1px solid var(--line); }
.btn-ghost { background: transparent; border: 1px solid var(--line); color: var(--text); }
.btn-ok { background: #15803d; color: #fff; }
.btn-danger { background: #b91c1c; color: #fff; }
.btn:disabled { opacity: .5; cursor: not-allowed; }
.wallet-chip, .bal-box { display: flex; align-items: center; gap: 10px; background: #141a2c; border: 1px solid #2a3150; border-radius: 16px; padding: 8px 12px; }
.wallet-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; }
.wallet-chip { font-weight: 750; font-size: 13px; }
.wallet-ico { width: 32px; height: 32px; border-radius: 10px; background: #6d4dff; display: grid; place-items: center; }
.bal-box { min-width: 190px; }
.g-mark { width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(180deg,#8b6cff,#5b3dff); display: grid; place-items: center; font-weight: 800; }
.bal-box small { color: var(--muted); font-size: 11px; display: block; }
.bal-box b { display: block; font-size: 15px; }
.bal-box em { color: #8d97b3; font-style: normal; font-size: 11px; }
.page { display: none; padding: 8px 0 40px; }
.page.active { display: block; }
.hidden { display: none !important; }
.featured { position: relative; border-radius: 22px; overflow: hidden; min-height: 360px; margin-bottom: 28px; }
.featured > img { width: 100%; height: 360px; object-fit: cover; filter: brightness(.72); }
.featured-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,12,24,.88) 0%, rgba(8,12,24,.35) 48%, rgba(8,12,24,.15) 100%); padding: 28px 32px; display: flex; flex-direction: column; justify-content: center; max-width: 58%; }
.feat-badge { display: inline-flex; align-items: center; gap: 6px; background: #6d4dff; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .06em; padding: 5px 10px; border-radius: 999px; width: fit-content; }
.feat-label { margin-top: 14px; font-size: 12px; letter-spacing: .14em; color: #c9d0e6; font-weight: 700; }
.featured-overlay h3 { font-size: 40px; line-height: 1.05; letter-spacing: -.04em; margin: 6px 0 10px; }
.featured-overlay p { color: #d5dbea; max-width: 420px; font-size: 15px; }
.loc { margin-top: 14px; color: #d7dced; font-size: 13px; font-weight: 650; }
.feat-stats { display: flex; gap: 22px; margin: 16px 0 18px; align-items: flex-end; }
.feat-stats b { display: block; font-size: 22px; }
.feat-stats span { color: #9aa3bd; font-size: 12px; }
.feat-stats .ok { color: var(--green); }
.fund-card { position: absolute; right: 22px; bottom: 22px; width: 260px; background: rgba(16,20,34,.86); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 16px; }
.fund-card h4 { font-size: 14px; margin-bottom: 10px; }
.fund-card .meta { display: flex; justify-content: space-between; color: #c5cbe0; font-size: 12px; margin-top: 8px; }
.ends { color: #b8c0d6; font-size: 12px; margin-top: 10px; }
.carousel-btn { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; border-radius: 50%; border: 0; background: rgba(20,24,40,.7); color: #fff; cursor: pointer; font-size: 18px; }
.more-head { display: flex; justify-content: space-between; align-items: center; margin: 6px 0 14px; }
.more-head h2 { font-size: 20px; }
.more-head a { color: #9aa3bd; font-size: 13px; font-weight: 650; }
.grid-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.card { background: #12182b; border: 1px solid #1e2540; border-radius: 16px; overflow: hidden; cursor: pointer; }
.card-cover { position: relative; height: 148px; overflow: hidden; }
.card-cover img { width: 100%; height: 100%; object-fit: cover; display: block; position: relative; z-index: 0; }
.card-body { position: relative; z-index: 1; background: #12182b; }
.heart-btn { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 50%; background: rgba(12,16,28,.55); border: 1px solid rgba(255,255,255,.12); display: grid; place-items: center; color: #fff; }
.card-body { padding: 12px 12px 14px; }
.card h3 { font-size: 15px; margin-bottom: 2px; }
.cat { font-size: 12px; color: #8b95b2; margin-bottom: 8px; }
.amt { font-size: 16px; font-weight: 800; }
.pct-up { color: var(--green); font-size: 12px; font-weight: 750; float: right; margin-top: 4px; }
.progress { height: 6px; background: #2a3148; border-radius: 99px; margin: 10px 0 8px; overflow: hidden; }
.progress > i { display: block; height: 100%; border-radius: 99px; }
.bar-orange { background: linear-gradient(90deg,#f59e0b,#fb923c); }
.bar-green { background: linear-gradient(90deg,#22c55e,#4ade80); }
.bar-purple { background: linear-gradient(90deg,#7c5cff,#a78bfa); }
.bar-yellow { background: linear-gradient(90deg,#eab308,#facc15); }
.card-foot { display: flex; justify-content: space-between; color: #8b95b2; font-size: 12px; }
.badge { display: inline-block; font-size: 10px; font-weight: 800; text-transform: uppercase; padding: 3px 8px; border-radius: 999px; }
.badge-live { background: #16351f; color: #86efac; }
.badge-pending { background: #3a2a12; color: #fbbf24; }
.badge-declined { background: #3f1515; color: #fca5a5; }
.how { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.how-item { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 18px; }
.num { width: 32px; height: 32px; border-radius: 10px; background: #2a1f4d; color: #ddd6fe; display: grid; place-items: center; font-weight: 800; margin-bottom: 10px; }
.kicker { color: #9b87ff; font-weight: 800; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.lead, .sub { color: var(--muted); margin-bottom: 16px; }
h2 { font-size: 26px; letter-spacing: -.03em; margin-bottom: 8px; }
.toolbar { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.chip { border: 1px solid var(--line); background: #151c31; border-radius: 999px; padding: 8px 12px; font-weight: 700; font-size: 13px; cursor: pointer; }
.chip.active { background: var(--purple); border-color: var(--purple); }
.search { margin-left: auto; border: 1px solid var(--line); border-radius: 999px; padding: 8px 14px; min-width: 220px; background: #12182b; }
.detail { display: grid; grid-template-columns: 1.4fr .7fr; gap: 20px; align-items: start; }
.detail-media { border-radius: 18px; overflow: hidden; }
.detail-media img { width: 100%; height: 360px; object-fit: cover; }
.story, .donate-box, .form, .admin-row { background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 20px; }
.donate-box { position: sticky; top: 20px; }
.donate-box .big { font-size: 28px; }
.amount-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin: 12px 0; }
.amount-row input, .field input, .field textarea, .field select { width: 100%; border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; background: #101628; }
.presets { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.presets button { padding: 8px 12px; border-radius: 10px; border: 1px solid var(--line); background: #151c31; font-weight: 700; cursor: pointer; }
.note, .hint, .addr { font-size: 12px; color: var(--muted); }
.field { margin-bottom: 14px; }
.field label { display: block; font-weight: 700; margin-bottom: 6px; font-size: 13px; }
.admin-row { display: grid; grid-template-columns: 1fr auto; gap: 16px; margin-bottom: 12px; align-items: center; }
.admin-actions { display: flex; gap: 8px; }
.owner { display: flex; align-items: center; gap: 10px; margin-top: 14px; font-size: 13px; }
.avatar { width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(135deg, var(--purple), #38bdf8); }
.meta-row { display: flex; justify-content: space-between; font-size: 12px; font-weight: 700; }
.banner { margin: 0 28px; }
.alert { padding: 12px 14px; border-radius: 12px; font-size: 14px; margin-bottom: 12px; border: 1px solid #3b4a2a; background: #1b2430; color: #fde68a; }
.alert.info { background: #172033; border-color: #314066; color: #c7d2fe; }
.alert.ok { background: #13261b; border-color: #166534; color: #bbf7d0; }
.alert.bad { background: #2a1518; border-color: #7f1d1d; color: #fecaca; }
.toast { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: #0b1020; border: 1px solid var(--line); color: #fff; padding: 12px 16px; border-radius: 12px; z-index: 80; display: none; max-width: min(520px, 92vw); }
.mobile-dock { display: none; }
.mm-open { display: none; }

@media (max-width: 1080px) {
  body { grid-template-columns: 1fr; }
  .sidebar { position: relative; height: auto; }
  .featured-overlay { max-width: 100%; }
  .fund-card { position: static; width: auto; margin: 12px; }
  .grid-cards, .how, .detail, .admin-row { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  body { grid-template-columns: 1fr; padding-bottom: 84px; }
  .sidebar {
    position: sticky; top: 0; z-index: 40; height: auto;
    flex-direction: row; align-items: center; gap: 10px;
    padding: 10px 14px; overflow: visible;
  }
  .brand { margin: 0; flex: 1; }
  .brand img, .brand-word { height: 28px; width: auto; max-width: 140px; object-fit: contain; }
  .side-nav {
    display: none;
  }
  .side-foot { display: none; }
  .topbar { flex-wrap: wrap; padding: 12px 16px 4px; }
  .top-copy h1 { font-size: 26px; }
  .header-actions {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
  }
  .header-actions .btn { padding: 10px 12px; font-size: 13px; }
  .mm-open { padding: 10px 12px; font-size: 13px; }
  .bal-box {
    width: 100%;
    min-width: 0;
    order: 3;
  }
  #wallet-detect { display: none; }
  .wrap { width: calc(100% - 28px); }
  .featured { min-height: 0; border-radius: 18px; }
  .featured > img { height: 220px; }
  .featured-overlay {
    position: relative; max-width: 100%; padding: 16px;
    background: linear-gradient(180deg, transparent, rgba(8,12,24,.92));
    margin-top: -90px;
  }
  .featured-overlay h3 { font-size: 26px; }
  .fund-card { margin: 0 12px 12px; }
  .grid-cards { grid-template-columns: 1fr; }
  .card { display: grid; grid-template-columns: 108px 1fr; gap: 0; }
  .card img { height: 100%; min-height: 92px; border-radius: 16px 0 0 16px; }
  .card > div, .card-body { padding: 10px 12px; }
  .mobile-dock {
    display: flex; gap: 4px; overflow-x: auto; -webkit-overflow-scrolling: touch;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
    background: #0b1020; border-top: 1px solid #232a40;
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
  }
  .mobile-dock a {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    color: #8b95b2; font-size: 10px; font-weight: 750; padding: 6px 8px;
    min-width: 64px; flex: 0 0 auto;
  }
  .mobile-dock a svg { width: 22px; height: 22px; display: block; }
  .mobile-dock a.active { color: #9b87ff; }
  .toast { bottom: 92px; }
  .mm-open { display: inline-flex; }
}

.sub-nav { margin-left: 18px; font-size: 14px !important; padding: 8px 14px !important; }
.dex { max-width: 520px; }
.dex-card { background: #12182b; border: 1px solid #1e2540; border-radius: 20px; padding: 22px; }
.swap-row { display: grid; grid-template-columns: 1fr 140px; gap: 8px; margin: 8px 0 12px; }
.swap-row input, .swap-row select { background: #0e1426; border: 1px solid #2a3150; border-radius: 12px; padding: 14px; }
.swap-flip { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #2a3150; background: #1a2136; color: #fff; cursor: pointer; margin: 0 auto 8px; display: block; }
.swap-meta { color: #8b95b2; font-size: 13px; min-height: 20px; }

.anon-row { display:flex; gap:8px; align-items:center; margin-top:8px; font-size:13px; color:#8b95b2; font-weight:650; }
.supporters { display:flex; flex-direction:column; gap:10px; }
.support-row { display:grid; grid-template-columns:36px 1fr auto; gap:10px; align-items:center; background:#101628; border:1px solid #232a40; border-radius:12px; padding:10px 12px; }
.support-amt { font-weight:800; }

.badge-ended { background:#2a2438; color:#d6ccff; }
.pager { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:18px; }

.admin-review { display:flex; justify-content:space-between; gap:16px; align-items:center; flex-wrap:wrap; background:#1a1630; border:1px solid #3d3470; border-radius:16px; padding:16px; margin:8px 0 18px; }

.modal { position:fixed; inset:0; background:rgba(5,8,16,.72); display:grid; place-items:center; z-index:50; padding:20px; }
.modal.hidden { display:none; }
.modal-card { width:min(420px,100%); background:#121826; border:1px solid #2a3348; border-radius:18px; padding:22px; }

.icon-grid,.emoji-bar{display:flex;flex-wrap:wrap;gap:6px}
.icon-pick,.emoji-bar button{background:#1a2133;border:1px solid #2a3348;border-radius:10px;font-size:18px;padding:6px 8px;cursor:pointer}
.icon-pick.selected{border-color:#7c5cff}
.chat-tools{display:flex;align-items:flex-start;gap:8px;margin-top:8px}
.chat-tools .emoji-bar{flex:1}
.gif-sheet{margin-top:8px;background:#101628;border:1px solid #232a40;border-radius:16px;padding:12px;max-height:min(70vh,560px);display:flex;flex-direction:column;gap:10px}
.gif-sheet.hidden{display:none}
.gif-sheet-bar{display:flex;gap:8px}
.gif-sheet-bar input{flex:1;background:#0b1020;color:#f4f6ff;border:1px solid #3d4a6a;border-radius:12px;padding:10px 12px}
.gif-cats{display:flex;flex-wrap:wrap;gap:6px}
.gif-cats button{flex:0 0 auto;background:#1a2133;border:1px solid #2a3348;color:#d5d9e8;border-radius:999px;padding:6px 12px;font-size:12px;min-height:32px;cursor:pointer}
.gif-cats button.on{border-color:#7c5cff;color:#fff;background:#221a4a}
.gif-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:auto;flex:1;min-height:240px}
.gif-pick{position:relative;border:0;padding:0;background:#0b1020;cursor:pointer;border-radius:12px;overflow:hidden;aspect-ratio:1/1;min-height:110px}
.gif-pick img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.gif-credit{margin:0;color:#6f7894;font-size:11px}
.chat-gif{width:min(260px,80%);aspect-ratio:1/1;object-fit:cover;border-radius:14px;display:block;margin-top:8px;background:#0b1020}
.chat-wrap{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:start}
.chat-main,.chat-side{min-width:0}
.chat-log{height:52vh;overflow:auto;background:#101628;border:1px solid #232a40;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}
.chat-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:start}
.chat-av{font-size:22px}
.chat-camp{display:inline-block;margin-left:8px;font-size:12px;color:#9aa4ff}
.chat-compose{display:flex;gap:8px;margin-top:10px}
.chat-compose input{flex:1}
.chat-side{background:#101628;border:1px solid #232a40;border-radius:16px;padding:12px;max-height:72vh;display:flex;flex-direction:column;overflow:hidden}
.chat-side h3{margin:0 0 4px}
.chat-people{flex:1;min-height:160px;max-height:64vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px}
.chat-user{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid #232a40;border-radius:12px;background:#0c1220}
.chat-user .who{min-width:0}
.chat-user .who b,.chat-user .who a{display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.chat-user .who .sub{display:block;color:#8b95b2;font-size:11px}
.chat-user .blk{justify-self:end;font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid #2a3348;background:transparent;color:#c5cce0;cursor:pointer}
.chat-user.is-me .blk{display:none}
.chat-user.is-blocked{opacity:.45}
.chat-user .dot-live{width:7px;height:7px;border-radius:50%;background:#3dff9a;box-shadow:0 0 8px #3dff9a;display:inline-block;margin-right:5px;vertical-align:middle}
@media(max-width:900px){
  .chat-wrap{grid-template-columns:1fr}
  .chat-side{max-height:none;order:-1}
  .chat-people{max-height:none;min-height:0;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:8px;padding-bottom:4px}
  .chat-user{min-width:168px;grid-template-columns:22px minmax(0,1fr)}
  .gif-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:280px}
  .gif-pick{min-height:140px}
  .chat-log{height:42vh}
}

.chat-compose input,.chat-compose input:focus{flex:1;background:#0b1020;color:#f4f6ff;border:1px solid #3d4a6a;border-radius:12px;padding:12px 14px;font-size:16px;caret-color:#fff}
.chat-row.is-bot{background:#161b33;border-radius:12px;padding:8px}

.kyc-box{margin-top:16px;padding:16px;border:1px solid #3d4a6a;border-radius:14px;background:#12182b}
.kyc-box h3{margin:0 0 8px}
.kyc-admin{margin-top:12px;padding:12px;border:1px solid #5a4a20;border-radius:12px;background:#1b160c}
.kyc-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.kyc-photos img{width:100%;max-height:280px;object-fit:contain;background:#000;border-radius:8px}

.phone-row{display:grid;grid-template-columns:140px 1fr;gap:8px}
.verified-pill,.verified-line{display:inline-flex;align-items:center;gap:6px;background:#12351f;color:#7dffb0;border:1px solid #2a7a48;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
.verified-line{display:block;margin-bottom:8px;width:fit-content}
.charity-public{margin:10px 0 16px;padding:12px;border:1px solid #2a7a48;border-radius:12px;background:#0f1c16}

.paper{max-width:820px}
.paper h3{margin:22px 0 8px}
.paper p,.paper li{color:#c5cce0;line-height:1.6}
.paper ul{padding-left:20px}

.brand img.brand-word{height:28px;width:auto;background:transparent;border-radius:0}

.air-pass{position:relative;min-height:520px;border-radius:22px;overflow:hidden;background:#070b16;margin:0 18px 18px;display:grid;grid-template-columns:1.05fr .95fr}
.air-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}
.air-veil{position:absolute;inset:0;background:linear-gradient(90deg,#070b16 0%,#070b16 38%,rgba(7,11,22,.55) 62%,rgba(7,11,22,.12) 100%)}
.air-copy{position:relative;z-index:2;padding:42px 36px 28px;max-width:620px;display:flex;flex-direction:column;justify-content:center}
.air-logo{height:64px;width:auto;max-width:220px;object-fit:contain;background:transparent;margin-bottom:18px}
.air-copy h1{margin:0 0 8px;font-size:72px;letter-spacing:-2px;line-height:.95;background:linear-gradient(90deg,#c4b5fd,#fff 55%);-webkit-background-clip:text;background-clip:text;color:transparent}
.air-lead{margin:0 0 28px;color:#c5cce0;font-size:18px}
.air-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.air-chip{background:rgba(12,16,32,.78);border:1px solid #2a3348;border-radius:16px;padding:12px 10px;display:flex;flex-direction:column;gap:2px}
.air-chip b{font-size:18px}
.air-chip em{font-style:normal;color:#8b95b2;font-size:12px}
.air-chip .ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;margin-bottom:6px;background:#1a1633;color:#c4b5fd;font-size:13px;font-weight:800}
.air-chip .ic.people::before{content:"👥"}
.air-chip .ic.drop::before{content:"💧"}
.air-chip .ic.bnb::before{content:"";width:16px;height:16px;border-radius:4px;background:linear-gradient(135deg,#f3ba2f,#f0b90b)}
.air-foot{margin:18px 0 0;color:#8b95b2;font-size:13px}
.air-after{padding-top:8px}
@media(max-width:980px){
  .air-pass{grid-template-columns:1fr;min-height:auto;margin:0 0 16px}
  .air-photo{position:relative;height:240px}
  .air-veil{background:linear-gradient(180deg,rgba(7,11,22,.2),#070b16 78%)}
  .air-copy{padding:18px 16px 22px;max-width:none}
  .air-copy h1{font-size:44px}
  .air-chips{grid-template-columns:1fr 1fr}
  .air-logo{height:52px}
}
.bal-box .bal-icon{width:42px;height:42px;border-radius:0;object-fit:contain;object-position:center;background:transparent;flex-shrink:0}
.bal-box .g-mark{display:none}
.bal-box small{display:block;opacity:.7;font-size:11px}
.bal-box b{display:block;font-size:16px}
.bal-box em{display:block;font-style:normal;color:#5ddea3;font-size:12px}

.menu-btn, .menu-drop { display: none; }
.more-head { display: flex; align-items: center; justify-content: space-between; margin: 8px 0 14px; }
.more-head h2 { font-size: 20px; margin: 0; }
.more-head a { color: #9aa4ff; font-weight: 700; font-size: 13px; }
.card-cover { position: relative; overflow: hidden; }

@media (max-width: 820px) {
  .menu-btn {
    display: grid; place-items: center;
    width: 40px; height: 40px; border-radius: 12px;
    border: 1px solid #2a3348; background: #151b2e; color: #fff;
    font-size: 20px; cursor: pointer;
  }
  .menu-drop {
    display: flex; flex-direction: column;
    position: absolute; top: 58px; right: 12px; z-index: 70;
    background: #12182b; border: 1px solid #2a3348; border-radius: 16px;
    min-width: 200px; padding: 8px; box-shadow: 0 16px 40px rgba(0,0,0,.4);
  }
  .menu-drop.hidden { display: none; }
  .menu-drop a { padding: 12px 14px; border-radius: 10px; color: #d7dced; font-weight: 700; }
  .menu-drop a:hover, .menu-drop a.active { background: #6d4dff; color: #fff; }
  .mobile-dock { justify-content: space-around; overflow: hidden; }
  .mobile-dock a { min-width: 0; flex: 1; font-size: 11px; }
  .featured { background: #101628; }
  .featured-overlay { margin-top: -120px; }
  .card { background: #12182b; border: 1px solid #232a40; border-radius: 16px; overflow: hidden; }
  .card-cover img { height: 100%; min-height: 96px; object-fit: cover; border-radius: 16px 0 0 16px; }
  .toolbar { display: none; }
  #page-home .toolbar { display: none; }
}

.wallet-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:14px 0 16px; }
.wallet-pick { text-align:left; background:#151c31; border:1px solid #2a3348; border-radius:12px; padding:12px; cursor:pointer; color:#fff; }
.wallet-pick b { display:block; font-size:14px; }
.wallet-pick span { display:block; font-size:11px; color:#8b95b2; margin-top:4px; }
.paper h3 { margin:22px 0 8px; font-size:18px; }
.paper p { color:#c5cbe0; line-height:1.55; margin-bottom:10px; }
@media(max-width:820px){ .wallet-grid { grid-template-columns:1fr; } }

.maint-lock {
  position: fixed; inset: 0; z-index: 80;
  background: #070b16;
  display: flex; align-items: center; justify-content: center;
  text-align: center; padding: 24px;
}
.maint-lock.hidden { display: none; }
.maint-inner { max-width: 560px; }
.maint-logo { width: min(320px, 80vw); height: auto; display: block; margin: 0 auto 36px; object-fit: contain; }
.maint-lock h1 {
  font-size: clamp(64px, 18vw, 120px);
  letter-spacing: -.06em;
  color: #c4b5fd;
  line-height: .9;
  margin: 0 0 18px;
}
.maint-lock p { color: #d5d9e8; font-size: 16px; margin-bottom: 22px; }
.maint-note { color: #8b95b2 !important; font-size: 13px !important; margin-top: 16px; }
body.site-paused .sidebar,
body.site-paused .stage,
body.site-paused .mobile-dock { visibility: hidden; pointer-events: none; }

.drop-hero { position: relative; margin: 0 0 22px; border-radius: 18px; overflow: hidden; min-height: 280px; }
.drop-hero img { width: 100%; height: 320px; object-fit: cover; display: block; }
.drop-hero-copy { position: absolute; left: 0; right: 0; bottom: 0; padding: 28px 24px 22px; background: linear-gradient(transparent, #070b16 78%); }
.drop-hero-copy h2 { margin: 6px 0 8px; font-size: 36px; }
.drop-hero-copy p { max-width: 640px; color: #d5d9e8; }
.drop-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 18px; }
.drop-stat { background: #10162a; border: 1px solid #243056; border-radius: 14px; padding: 16px; }
.drop-stat b { display: block; font-size: 28px; color: #c4b5fd; }
.drop-stat span { color: #8b95b2; font-size: 12px; }
.drop-rules { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 18px; }
.drop-rules article { background: #10162a; border: 1px solid #243056; border-radius: 14px; padding: 16px; }
.drop-rules h3 { margin: 0 0 8px; font-size: 16px; }
.drop-admin-card { background: #10162a; border: 1px solid #7c5cff55; border-radius: 16px; padding: 18px; margin: 18px 0; }
.drop-table-wrap { overflow: auto; max-height: 560px; border: 1px solid #243056; border-radius: 14px; }
.drop-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.drop-table th, .drop-table td { padding: 10px 12px; border-bottom: 1px solid #243056; text-align: left; white-space: nowrap; }
.drop-table th { color: #8b95b2; position: sticky; top: 0; background: #0c1222; }
.drop-table tr.paid td { color: #8b95b2; }
@media (max-width: 820px) {
  .drop-stats, .drop-rules { grid-template-columns: 1fr 1fr; }
  .drop-hero img { height: 220px; }
  .drop-hero-copy h2 { font-size: 26px; }
}
@media (max-width: 560px) {
  .drop-stats, .drop-rules { grid-template-columns: 1fr; }
}