
.page-home .hero-main{background:
 linear-gradient(145deg,rgba(17,25,61,.88),rgba(10,14,34,.76)),
 radial-gradient(circle at 85% 15%,rgba(246,207,119,.16),transparent 26%);}
.page-districts .hero-main::before{background:radial-gradient(circle,rgba(93,240,196,.22),transparent 58%)}
.page-market .hero-main::before{background:radial-gradient(circle,rgba(246,207,119,.22),transparent 58%)}
.page-signal .hero-main::before{background:radial-gradient(circle,rgba(255,121,210,.22),transparent 58%)}
.page-stage .hero-main::before{background:radial-gradient(circle,rgba(68,186,255,.24),transparent 58%)}
.page-forge .hero-main::before{background:radial-gradient(circle,rgba(151,109,255,.28),transparent 58%)}
.page-muse .hero-main::before{background:radial-gradient(circle,rgba(255,121,210,.22),transparent 58%)}
.page-vaults .hero-main::before{background:radial-gradient(circle,rgba(246,207,119,.18),transparent 58%)}
.page-council .hero-main::before{background:radial-gradient(circle,rgba(93,240,196,.18),transparent 58%)}
.page-academy .hero-main::before{background:radial-gradient(circle,rgba(68,186,255,.22),transparent 58%)}
.page-profile .hero-main::before{background:radial-gradient(circle,rgba(151,109,255,.18),transparent 58%)}
.page-studio .hero-main::before{background:radial-gradient(circle,rgba(68,186,255,.18),transparent 58%)}
.page-messages .hero-main::before{background:radial-gradient(circle,rgba(93,240,196,.16),transparent 58%)}
.stage-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.stage-screen{min-height:280px;border-radius:26px;padding:18px;display:grid;align-items:end;background:
 linear-gradient(180deg,rgba(5,7,18,.1),rgba(5,7,18,.65)),
 radial-gradient(circle at 50% 35%,rgba(68,186,255,.26),transparent 30%),
 linear-gradient(145deg,rgba(68,186,255,.18),rgba(151,109,255,.18));
 border:1px solid rgba(255,255,255,.1)}
.vertical-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.reel{aspect-ratio:9/16;border-radius:26px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;background:
 linear-gradient(180deg,rgba(6,9,22,.12),rgba(6,9,22,.88)),
 radial-gradient(circle at 50% 30%,rgba(255,121,210,.14),transparent 28%),
 linear-gradient(145deg,rgba(68,186,255,.18),rgba(151,109,255,.10));
 border:1px solid rgba(255,255,255,.1)}
.listing-pricing{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px}
.listing-pricing strong{font-size:1.12rem}
.mini-map{min-height:320px;border-radius:24px;background:
 linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01)),
 linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),
 linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
 radial-gradient(circle at 30% 30%,rgba(93,240,196,.12),transparent 20%),
 radial-gradient(circle at 70% 60%,rgba(246,207,119,.12),transparent 22%);
 background-size:auto,52px 52px,52px 52px,auto,auto;
 border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.map-node{position:absolute;width:18px;height:18px;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--blue));box-shadow:0 0 20px rgba(246,207,119,.5)}
.map-node::after{content:attr(data-name);position:absolute;top:22px;left:-20px;white-space:nowrap;font-size:.72rem;color:#eff5ff;background:rgba(8,12,28,.75);padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.1)}
.signal-board{display:grid;gap:12px}
.signal-item{background:linear-gradient(180deg,rgba(21,9,33,.65),rgba(10,14,34,.72))}
.signal-severity{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.signal-severity.high{background:rgba(255,104,142,.14);color:#ff9bb6}
.signal-severity.medium{background:rgba(246,207,119,.14);color:#ffe2a1}
.signal-severity.low{background:rgba(93,240,196,.14);color:#b5fff0}
.muse-mosaic{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:120px;gap:14px}
.muse-tile{border-radius:24px;border:1px solid rgba(255,255,255,.08);padding:18px;display:flex;align-items:end;background:
 linear-gradient(180deg,rgba(10,12,28,.12),rgba(10,12,28,.78)),
 linear-gradient(145deg,rgba(255,121,210,.16),rgba(68,186,255,.12))}
.muse-tile:nth-child(1){grid-column:span 3;grid-row:span 2}
.muse-tile:nth-child(2){grid-column:span 2;grid-row:span 2}
.muse-tile:nth-child(3){grid-column:span 1;grid-row:span 1}
.muse-tile:nth-child(4){grid-column:span 2;grid-row:span 1}
.muse-tile:nth-child(5){grid-column:span 3;grid-row:span 1}
.vault-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vault-card{background:
 linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)),
 radial-gradient(circle at 80% 0%,rgba(246,207,119,.12),transparent 28%),
 linear-gradient(145deg,rgba(151,109,255,.16),rgba(68,186,255,.08))}
.evidence-tree{display:grid;gap:14px}
.evidence-branch{padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);position:relative}
.evidence-branch::before{content:"";position:absolute;left:18px;top:-14px;width:2px;height:14px;background:linear-gradient(180deg,transparent,rgba(246,207,119,.4))}
.pathway{display:grid;gap:16px}
.pathway-step{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.pathway-step .count{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--blue));color:#06101a;font-weight:900}
.profile-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px}
.avatar-wall{display:grid;place-items:center;min-height:320px}
.avatar-ring{width:220px;height:220px;border-radius:999px;padding:12px;background:conic-gradient(from 0deg,var(--gold),var(--blue),var(--purple),var(--gold));}
.avatar-core{width:100%;height:100%;border-radius:999px;background:radial-gradient(circle at 50% 30%,rgba(68,186,255,.22),rgba(5,8,22,.96));display:grid;place-items:center;overflow:hidden}
.avatar-core img{width:78%;object-fit:contain;filter:drop-shadow(0 0 26px rgba(246,207,119,.35))}
.message-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px}
.message-list{display:grid;gap:12px}
.thread{display:grid;gap:12px}
.bubble{max-width:76%;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.bubble.me{justify-self:end;background:linear-gradient(135deg,rgba(151,109,255,.24),rgba(68,186,255,.18))}
.studio-board{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.board-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kanban-col{padding:14px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.kanban-card{padding:14px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);margin-top:12px}
.forge-workspace{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.code-window{min-height:330px;border-radius:24px;background:
 linear-gradient(180deg,rgba(7,9,18,.25),rgba(7,9,18,.82)),
 repeating-linear-gradient(0deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 1px,transparent 1px,transparent 32px),
 linear-gradient(145deg,rgba(151,109,255,.12),rgba(68,186,255,.12));
 border:1px solid rgba(255,255,255,.08);padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#dfe7ff;font-size:.92rem;line-height:1.8}
.code-window .line-no{display:inline-block;width:28px;color:#7f91c3}
@media (max-width: 1100px){
  .stage-hero-grid,.vault-wall,.profile-grid,.message-layout,.studio-board,.forge-workspace{grid-template-columns:1fr}
  .vertical-reels{grid-template-columns:1fr}
  .muse-mosaic{grid-template-columns:1fr;grid-auto-rows:auto}
  .muse-tile{grid-column:auto !important;grid-row:auto !important;min-height:160px}
}
