:root {
  --bl-cyan: #68c9dd;
  --bl-cyan-dark: #287f92;
  --bl-yellow: #fff43f;
  --bl-lilac: #c9c0dc;
  --bl-lime: #d4ef79;
  --bl-pink: #f0a7c4;
  --bl-ink: #20242c;
  --bl-muted: #71727a;
  --bl-line: #dfe1e5;
  --bl-paper: #ffffff;
  --bl-soft: #f5f6f7;
  --bl-radius: 12px;
  --bl-shadow: 0 22px 60px rgba(32,36,44,.10);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--bl-ink); background: var(--bl-paper); font-family: "Manrope", sans-serif; font-size: 16px; line-height: 1.65; overflow-x: hidden; }
body, button, input, select, textarea { font-family: "Manrope", sans-serif; }
img { max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, a, input, select, textarea { outline-offset: 3px; }
:focus-visible { outline: 3px solid var(--bl-cyan-dark); }
[hidden] { display: none !important; }
.app-container { width: min(1440px, calc(100% - 64px)); margin-inline: auto; }
.route-view { min-height: 70vh; }
.skip-link { position: fixed; left: 1rem; top: -4rem; z-index: 9999; padding: .65rem 1rem; background: var(--bl-ink); color: white; border-radius: 6px; }
.skip-link:focus { top: 1rem; }
.eyebrow { display: flex; align-items: center; gap: .65rem; margin: 0 0 1rem; color: var(--bl-muted); font-size: .73rem; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.eyebrow > span { width: 28px; height: 2px; background: var(--bl-cyan); }
.eyebrow.light { color: #d9dae0; }.eyebrow.light > span { background: var(--bl-yellow); }
h1, h2, h3, h4, h5, h6 { color: var(--bl-ink); font-family: "Manrope", sans-serif; font-weight: 800; letter-spacing: .075em; line-height: 1.05; text-transform: uppercase; }
h1 em, h2 em { color: var(--bl-cyan-dark); font-style: normal; }
.btn { border-radius: 8px; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.btn-sm { border-radius: 7px; padding: .55rem .9rem; }
.btn-lg { border-radius: 9px; padding: .9rem 1.2rem; }
.btn-primary { border-color: var(--bl-cyan); background: var(--bl-cyan); color: #122d34; }
.btn-primary:hover, .btn-primary:focus { border-color: #55b8ce; background: #55b8ce; color: #10282e; }
.btn-dark { border-color: var(--bl-ink); background: var(--bl-ink); color: white; }
.btn-outline-dark { border-color: #9b9da4; color: var(--bl-ink); }
.text-action { display: inline-flex; align-items: center; gap: .55rem; border-bottom: 1px solid var(--bl-ink); padding-bottom: .18rem; font-size: .76rem; font-weight: 800; letter-spacing: .1em; }
.text-action i { color: var(--bl-cyan-dark); }
.panel-card { border: 1px solid var(--bl-line); border-radius: var(--bl-radius); background: white; box-shadow: 0 10px 40px rgba(32,36,44,.05); }

/* Navigation */
.site-header { position: fixed; z-index: 1030; top: 0; right: 0; left: 0; background: rgba(255,255,255,.96); backdrop-filter: blur(16px); }
#main-content{padding-top:84px}
body[data-current-route="explore"] #main-content{padding-top:161px}
.site-header .navbar { min-height: 82px; padding: .7rem 0; }
.navbar-brand img { width: 145px; height: 78px; object-fit: contain; object-position: left center; margin-block: -18px; }
.navbar-nav { gap: 1.25rem; }
.navbar .nav-link { position: relative; padding: .75rem .4rem !important; color: #666971; font-size: .73rem; font-weight: 800; letter-spacing: .115em; }
.navbar .nav-link:hover, .navbar .nav-link.active { color: var(--bl-ink); }
.navbar .nav-link.active::after { position: absolute; right: .4rem; bottom: .5rem; left: .4rem; height: 2px; background: var(--bl-cyan); content: ""; }
.header-actions { display: flex; align-items: center; gap: .65rem; }
.header-search { display: grid; width: 40px; height: 40px; place-items: center; border: 0; background: transparent; color: var(--bl-ink); }
.user-menu { display: flex; align-items: center; gap: .7rem; }
.user-menu-avatar { display: grid; width: 38px; height: 38px; overflow: hidden; place-items: center; border-radius: 50%; background: var(--bl-lilac); font-weight: 800; }
.user-menu-avatar img { width: 100%; height: 100%; object-fit: cover; }
.spectrum-line { height: 2px; background: linear-gradient(90deg,var(--bl-yellow),var(--bl-lime),var(--bl-cyan),var(--bl-lilac),var(--bl-yellow)); }
.navbar-toggler { display: grid; width: 42px; height: 40px; padding: 10px; gap: 4px; border: 0; border-radius: 7px; background: var(--bl-soft); }
.navbar-toggler span { height: 2px; background: var(--bl-ink); }
.explore-desktop-search,.explore-mobile-search{display:none}
body[data-current-route="explore"] .explore-desktop-search{display:block;border-top:1px solid var(--bl-line);background:rgba(255,255,255,.98)}
.explore-nav-filter{display:flex;min-height:66px;align-items:center;gap:.7rem;padding-block:.65rem}
.explore-nav-filter label{margin:0}
.explore-nav-filter>label:not(.search-field),.explore-filter-selects label{display:block}
.explore-nav-filter select,.explore-nav-filter .search-field{min-height:44px;border:1px solid var(--bl-line);border-radius:8px;background:white}
.explore-nav-filter select{min-width:180px;padding:0 2.2rem 0 .85rem;color:var(--bl-ink);font-size:.75rem;font-weight:700}
.explore-nav-filter .search-field{min-width:280px}
.explore-nav-filter .btn{min-height:44px;padding-inline:1.35rem}
.explore-filter-selects{display:flex;gap:.7rem}

/* Home */
.hero-grid { display: grid; min-height: 720px; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 5vw; padding-block: 70px; }
.hero-copy h1 { max-width: 720px; margin: 0; font-size: clamp(3.1rem, 6vw, 6.6rem); letter-spacing: -.025em; line-height: .91; }
.hero-copy h1 em { background: linear-gradient(90deg,var(--bl-cyan-dark),#69628c); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-lede { max-width: 560px; margin: 2rem 0; color: #63656d; font-size: 1.13rem; line-height: 1.65; }
.hero-actions { display: flex; align-items: center; gap: 1.5rem; }
.hero-proof { display: flex; align-items: center; gap: .8rem; margin-top: 4rem; color: #85878e; font-size: .68rem; letter-spacing: .15em; }
.hero-proof i { color: var(--bl-cyan-dark); }
.hero-stage { position: relative; min-height: 590px; isolation: isolate; }
.hero-shape { position: absolute; z-index: -1; }
.shape-lilac { top: 20px; right: 0; width: 62%; height: 58%; border-radius: 48% 52% 38% 62% / 52% 35% 65% 48%; background: var(--bl-lilac); transform: rotate(8deg); }
.shape-yellow { right: 16%; bottom: 4%; width: 55%; height: 53%; clip-path: polygon(50% 0,100% 100%,0 100%); background: var(--bl-yellow); transform: rotate(13deg); }
.shape-cyan { bottom: 3%; left: 0; width: 45%; height: 36%; background: var(--bl-cyan); transform: rotate(-8deg); }
.hero-artwork { position: absolute; top: 16%; right: 9%; bottom: 13%; left: 13%; display: grid; overflow: hidden; margin:0; align-content: end; border: 10px solid white; background:#17191d; box-shadow: var(--bl-shadow); color: white; }
.hero-artwork::before { position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,rgba(15,17,21,.03) 38%,rgba(15,17,21,.78) 100%); content:""; }
.hero-artwork::after { position: absolute; z-index:2; inset: 8%; border: 1px solid rgba(255,255,255,.35); content: ""; transform: rotate(-2deg); pointer-events:none; }
.hero-artwork>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-artwork figcaption { position:relative; z-index:3; display:flex; flex-direction:column; gap:.25rem; padding:2rem; text-shadow:0 2px 18px rgba(0,0,0,.6); }
.hero-artwork figcaption strong,.hero-artwork figcaption span { color:white; font-size:.68rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.hero-artwork figcaption span { font-size:.58rem; opacity:.8; }
.hero-badge { position: absolute; z-index: 4; width: 102px; opacity:.9; }
.badge-one { top: 5%; left: 2%; transform: rotate(-8deg); }.badge-two { right: -2%; bottom: 6%; transform: rotate(7deg); }
.floating-label { position: absolute; z-index: 3; top: 6%; right: 3%; padding: .55rem .75rem; background: white; box-shadow: 0 8px 20px rgba(32,36,44,.16); font-size: .62rem; font-weight: 800; letter-spacing: .1em; }
.floating-label i { color: var(--bl-cyan-dark); }
.intent-section { padding-block: 100px 120px; }
.section-intro { display: grid; grid-template-columns: .7fr 1.3fr; align-items: end; margin-bottom: 3rem; }
.section-intro h2 { margin: 0; font-size: clamp(2rem,4vw,4.4rem); letter-spacing: .02em; }
.intent-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.2rem; }
.intent-card { position: relative; min-height: 430px; padding: 2.2rem; overflow: hidden; border-radius: var(--bl-radius); display: flex; flex-direction: column; align-items: flex-start; }
.intent-card::after { position: absolute; right: -45px; bottom: -45px; width: 210px; height: 210px; border: 2px solid rgba(32,36,44,.12); border-radius: 50%; content: ""; }
.intent-card.is-cyan { background: var(--bl-cyan); }.intent-card.is-lilac { background: var(--bl-lilac); }.intent-card.is-lime { background: var(--bl-lime); }
.intent-index { position: absolute; top: 1.3rem; right: 1.5rem; font-size: .68rem; font-weight: 800; letter-spacing: .15em; }
.intent-card > i { margin-top: 3.5rem; font-size: 4rem; }
.intent-card h3 { margin: auto 0 .8rem; font-size: 1.65rem; }
.intent-card p { min-height: 76px; margin: 0 0 1.3rem; color: rgba(32,36,44,.74); }
.intent-card a { border-bottom: 1px solid currentColor; font-size: .7rem; font-weight: 800; letter-spacing: .1em; }
.manifesto-section { background: var(--bl-ink); color: white; }
.manifesto-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; padding-block: 100px; align-items: center; }
.manifesto-grid h2 { margin: 0; color: white; font-size: clamp(2.5rem,5vw,5rem); letter-spacing: .015em; }
.manifesto-grid > p { margin: 0; color: #c9cbd1; font-size: 1.12rem; line-height: 1.9; }

/* Shared page */
.page-hero { padding-block: 90px 64px; }
.page-hero-row { display: grid; grid-template-columns: 1.25fr .75fr; gap: 8vw; align-items: end; }
.page-hero h1 { margin: 0; font-size: clamp(3rem,6vw,6rem); letter-spacing: -.01em; }
.page-hero-row > p { margin: 0 0 .7rem; color: var(--bl-muted); font-size: 1.08rem; }
.filter-bar { position: sticky; z-index: 20; top: 85px; border-block: 1px solid var(--bl-line); background: rgba(255,255,255,.97); }
.filter-inner { display: flex; min-height: 84px; align-items: center; gap: .8rem; }
.filter-inner label { margin: 0; }
.filter-inner select, .search-field { min-height: 46px; border: 1px solid var(--bl-line); border-radius: 8px; background: white; }
.filter-inner select { min-width: 190px; padding: 0 2.4rem 0 .9rem; color: var(--bl-ink); font-size: .78rem; font-weight: 700; }
.search-field { display: flex; flex: 1; align-items: center; gap: .6rem; padding: 0 .9rem; }
.search-field input { width: 100%; border: 0; background: transparent; font-size: .9rem; }
.content-section { padding-block: 50px 100px; }
.results-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
.results-meta strong { font-size: .73rem; letter-spacing: .13em; }.results-meta span { color: var(--bl-muted); font-size: .78rem; }
.empty-state { padding: 6rem 2rem; border: 1px dashed #cdd0d5; text-align: center; }.empty-state i { color: var(--bl-cyan-dark); font-size: 3rem; }.empty-state h2 { margin: 1rem 0 .5rem; }

/* Explore */
.creative-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.3rem; }
.creative-card { position: relative; overflow: hidden; border: 1px solid var(--bl-line); border-radius: var(--bl-radius); background: white; transition: transform .25s ease,box-shadow .25s ease; }
.creative-card:hover { transform: translateY(-5px); box-shadow: var(--bl-shadow); }
.creative-card.featured-creative { border-color: var(--bl-cyan-dark); box-shadow: 0 0 0 2px rgba(104,201,221,.2); }
.featured-creative-label { position: absolute; z-index: 3; top: .7rem; left: .7rem; padding: .38rem .55rem; border-radius: 6px; background: var(--bl-ink); color: white; font-size: .55rem; font-weight: 800; letter-spacing: .08em; }
.creative-card.featured-creative .opportunity-dot { top: 2.9rem; }
.creative-preview { display: grid; height: 270px; grid-template-columns: 1.4fr .6fr; grid-template-rows: 1fr 1fr; gap: 3px; background: var(--bl-soft); }
.creative-preview > div { display: grid; overflow: hidden; place-items: center; background: linear-gradient(145deg,var(--bl-lilac),var(--bl-cyan)); }
.creative-preview > div:first-child { grid-row: 1 / 3; }.creative-preview > div:nth-child(2) { background: linear-gradient(145deg,var(--bl-yellow),var(--bl-pink)); }.creative-preview > div:nth-child(3) { background: linear-gradient(145deg,var(--bl-lime),var(--bl-cyan)); }
.creative-preview img { width: 100%; height: 100%; object-fit: cover; }
.preview-letter { color: rgba(32,36,44,.62); font-size: 3rem; font-weight: 800; }
.creative-card-body { padding: 1.35rem; }
.creative-identity { display: flex; gap: 1rem; align-items: center; }
.creative-avatar { display: grid; width: 54px; height: 54px; flex: 0 0 auto; overflow: hidden; place-items: center; border-radius: 50%; background: var(--bl-lilac); font-size: 1.1rem; font-weight: 800; }
.creative-avatar img { width: 100%; height: 100%; object-fit: cover; }
.creative-card h2 { margin: 0 0 .25rem; font-size: 1rem; }.creative-card small { color: var(--bl-muted); font-size: .65rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.creative-subinterests{display:block;margin-top:.2rem;color:var(--bl-cyan-dark);font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.creative-badges { display: flex; gap: .45rem; margin-top: 1rem; }.creative-badges span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; background: var(--badge-color,var(--bl-cyan)); color: var(--bl-ink); font-size: .65rem; font-weight: 800; }
.opportunity-dot { position: absolute; top: 1rem; left: 1rem; z-index: 2; padding: .35rem .55rem; border-radius: 6px; background: white; box-shadow: 0 4px 14px rgba(0,0,0,.12); font-size: .58rem; font-weight: 800; letter-spacing: .1em; }

/* Badges */
.badge-pool-hero { display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
.badge-pool-hero h1 { margin: 0; font-size: clamp(3rem,5.6vw,5.8rem); }
.badge-constellation { display: flex; justify-content: center; gap: 1.2rem; align-items: center; }.badge-constellation > div { width: 140px; }.badge-constellation > div:nth-child(2) { width: 180px; transform: translateY(-30px); }
.badge-filter-inner { flex-wrap: wrap; }
.category-tabs { display: flex; gap: .3rem; overflow-x: auto; scrollbar-width: none; }.category-tabs button,.pathway-tabs button { padding: .65rem .8rem; border: 0; border-radius: 7px; background: transparent; color: var(--bl-muted); font-size: .69rem; font-weight: 800; letter-spacing: .08em; white-space: nowrap; }.category-tabs button.active,.category-tabs button:hover,.pathway-tabs button.active,.pathway-tabs button:hover { background: var(--bl-ink); color: white; }
.badge-pool-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 1rem; }
.badge-card { position: relative; display: flex; min-height: 275px; flex-direction: column; align-items: center; justify-content: center; padding: 1.4rem 1rem; overflow: hidden; border: 1px solid var(--bl-line); border-radius: var(--bl-radius); background: white; text-align: center; transition: transform .25s ease,box-shadow .25s ease; }
.badge-card::before { position: absolute; inset: auto -35px -70px auto; width: 145px; height: 145px; border-radius: 50%; background: var(--badge-primary); content: ""; opacity: .16; }
.badge-card:hover { transform: translateY(-5px); box-shadow: var(--bl-shadow); }
.badge-card .badge-visual { width: 130px; margin-bottom: 1.1rem; }.badge-card h2 { margin: 0 0 .35rem; font-size: .9rem; }.badge-card small { color: var(--bl-muted); font-size: .6rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.badge-card-status { position: absolute; top: .8rem; right: .8rem; padding: .3rem .45rem; border-radius: 5px; background: var(--bl-lime); font-size: .54rem; font-weight: 800; letter-spacing: .08em; }
.badge-visual { position: relative; display: grid; aspect-ratio: 662.74 / 730.52; place-items: center; container-type:inline-size; filter: drop-shadow(0 8px 10px rgba(32,36,44,.16)); }
.badge-visual-shell { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.badge-shell-depth { fill: var(--badge-secondary,var(--bl-cyan-dark)); }
.badge-shell-face { fill: var(--badge-primary,var(--bl-cyan)); }
.badge-shell-accent { fill: var(--badge-accent,var(--bl-yellow)); opacity: .2; }
.badge-center { position: absolute; z-index: 2; display: grid; width: 56%; height: 56%; place-items: center; }
.badge-visual i,.badge-visual .badge-center-image { color: var(--bl-ink); font-size:5em; font-size:31cqi; }.badge-center-image { width: 100%; height: 100%; object-fit: contain; }
.badge-visual > img.full-badge { position: absolute; z-index: 3; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.badge-detail-shell { padding-block: 74px 110px; }
.detail-back { display: inline-flex; gap: .55rem; align-items: center; margin-bottom: 2rem; color: var(--bl-muted); font-size: .7rem; font-weight: 800; letter-spacing: .1em; }
.badge-detail-hero { display: grid; grid-template-columns: .7fr 1.3fr; gap: 6vw; align-items: center; padding: 3.5rem; border-radius: var(--bl-radius); background: var(--bl-soft); }
.badge-detail-art { display: grid; min-height: 420px; place-items: center; background: linear-gradient(145deg,color-mix(in srgb,var(--badge-primary) 30%,white),white); }.badge-detail-art .badge-visual { width: min(290px,70%); }
.badge-detail-copy h1 { margin: 0 0 1rem; font-size: clamp(2.4rem,5vw,5rem); }.badge-detail-copy .badge-type { display: inline-block; margin-bottom: 1.2rem; padding: .35rem .55rem; border-radius: 5px; background: var(--badge-primary); font-size: .6rem; font-weight: 800; letter-spacing: .12em; }.badge-detail-copy p { max-width: 700px; color: var(--bl-muted); font-size: 1.05rem; }
.badge-status-panel { display: flex; gap: 1rem; align-items: center; margin-top: 2rem; padding: 1.1rem; border: 1px solid var(--bl-line); border-radius: 9px; background: white; }.badge-status-panel i { color: var(--bl-cyan-dark); font-size: 1.5rem; }.badge-status-panel strong { display: block; font-size: .7rem; letter-spacing: .12em; }.badge-status-panel span { color: var(--bl-muted); font-size: .8rem; }
.detail-columns { display: grid; grid-template-columns: 1fr .75fr; gap: 1.5rem; margin-top: 1.5rem; }.detail-panel { padding: 2rem; }.detail-panel h2 { margin: 0 0 1rem; font-size: 1.15rem; }.requirement-list { margin: 0; padding: 0; list-style: none; }.requirement-list li { display: flex; gap: .7rem; padding-block: .8rem; border-bottom: 1px solid var(--bl-line); }.requirement-list i { color: var(--bl-cyan-dark); }
.evidence-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem; }.evidence-card { min-height: 140px; padding: 1rem; border-radius: 8px; background: linear-gradient(145deg,var(--bl-lilac),var(--bl-cyan)); display:flex;flex-direction:column;justify-content:flex-end; }.evidence-card strong { font-size: .7rem; }.evidence-card small { font-size: .6rem; }

/* Pathways */
.pathway-tabs { display: flex; gap: .45rem; margin-bottom: 2rem; }
.pathway-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1.3rem; }
.pathway-card { position: relative; display: grid; min-height: 380px; grid-template-columns: 1fr 1.15fr; overflow: hidden; border: 1px solid var(--bl-line); border-radius: var(--bl-radius); background: var(--bl-soft); }
.pathway-card-art { position: relative; display: grid; place-items: center; overflow: hidden; background: var(--path-color,var(--bl-lilac)); }.pathway-card-art::before { position:absolute;width:85%;height:55%;border:2px solid rgba(32,36,44,.15);content:"";transform:rotate(-9deg); }.pathway-card-art .badge-visual { width: 150px; }
.pathway-card-copy { display: flex; flex-direction: column; align-items: flex-start; padding: 2rem; }.pathway-card-copy small { color: var(--bl-muted); font-size: .6rem; font-weight: 800; letter-spacing: .12em; }.pathway-card h2 { margin: auto 0 1rem; font-size: 1.5rem; }.pathway-card p { color: var(--bl-muted); font-size: .85rem; }.pathway-card a { margin-top: 1rem; }
.mini-progress { width: 100%; margin-top: 1rem; }.mini-progress-bar { height: 6px; overflow: hidden; border-radius: 4px; background: #dfe2e5; }.mini-progress-bar span { display: block; height: 100%; background: var(--bl-cyan-dark); }.mini-progress label { display:flex;justify-content:space-between;margin-top:.35rem;color:var(--bl-muted);font-size:.62rem;font-weight:700; }
.pathway-detail-shell { padding-block: 74px 110px; }.pathway-detail-hero { display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center;padding:3.5rem;background:var(--bl-soft);border-radius:var(--bl-radius); }.pathway-hero-art { min-height:400px;display:grid;place-items:center;position:relative;overflow:hidden;background:var(--path-color,var(--bl-lilac)); }.pathway-hero-art::before,.pathway-hero-art::after{position:absolute;content:"";border:2px solid rgba(32,36,44,.12);}.pathway-hero-art::before{width:75%;height:45%;transform:rotate(12deg)}.pathway-hero-art::after{width:45%;height:75%;transform:rotate(-8deg)}.pathway-hero-art .badge-visual{width:230px}.pathway-hero-copy h1{font-size:clamp(2.3rem,4.5vw,4.6rem);margin:0 0 1rem}.pathway-hero-copy>p{color:var(--bl-muted);font-size:1.05rem}.pathway-progress-panel{margin-top:2rem;padding:1.2rem;border:1px solid var(--bl-line);background:white;border-radius:9px}.pathway-progress-panel header{display:flex;justify-content:space-between;font-size:.7rem;font-weight:800;letter-spacing:.1em}.pathway-progress-track{height:10px;margin-top:.8rem;overflow:hidden;border-radius:5px;background:var(--bl-line)}.pathway-progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--bl-cyan),var(--bl-lime))}
.certification-section { margin-top: 4rem; }.certification-head { display:flex;justify-content:space-between;align-items:end;margin-bottom:1.5rem }.certification-head h2{margin:0;font-size:2rem}.certification-row { display:grid;grid-template-columns:repeat(6,1fr);gap:1rem }.certification-item { position:relative;min-width:0;padding:1rem;text-align:center;border:1px solid var(--bl-line);border-radius:10px }.certification-item .badge-visual{width:100px;margin:0 auto 1rem;filter:grayscale(1);opacity:.46}.certification-item.complete .badge-visual{filter:none;opacity:1}.certification-item.complete::after{position:absolute;top:.5rem;right:.5rem;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--bl-lime);content:"✓";font-weight:800}.certification-item h3{font-size:.68rem;margin:0}.featured-section{margin-top:4rem}.featured-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1rem}.featured-artifact{min-height:340px;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--bl-radius);background:linear-gradient(145deg,var(--bl-cyan),var(--bl-lilac))}.featured-artifact h3{margin:0}.featured-empty{display:grid;min-height:300px;place-items:center;border:1px dashed #cdd0d5;color:var(--bl-muted)}

/* Profile */
.profile-shell { padding-block: 74px 110px; }.profile-top { display:grid;grid-template-columns:1.1fr .9fr;gap:4vw;align-items:start }.profile-achievements { min-height:430px;padding:2rem;background:var(--bl-soft);border-radius:var(--bl-radius) }.profile-block-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.profile-block-title h2{margin:0;font-size:1rem}.profile-block-title a{font-size:.6rem;font-weight:800;letter-spacing:.1em}.profile-badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.profile-badge-grid .badge-visual{width:100%;}.profile-badge-grid a{text-align:center}.profile-badge-grid strong{display:block;margin-top:.5rem;font-size:.55rem;letter-spacing:.06em;text-transform:uppercase}.profile-identity { padding:2rem 1rem }.profile-avatar{display:grid;width:150px;height:150px;margin:0 auto 1.4rem;overflow:hidden;place-items:center;border-radius:50%;background:var(--bl-lilac);font-size:2.6rem;font-weight:800}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-identity{text-align:center}.profile-identity h1{margin:0;font-size:2.4rem}.profile-handle{color:var(--bl-muted);font-size:.75rem}.profile-interest{margin:1.2rem 0;color:var(--bl-muted);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.profile-interest strong{color:var(--bl-ink)}.profile-bio{max-width:560px;margin-inline:auto;color:var(--bl-muted)}.profile-actions{display:flex;justify-content:center;gap:.7rem;margin-top:1.5rem}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:5rem 0 1.8rem}.section-heading h2{margin:0;font-size:2.2rem}.section-heading>span{color:var(--bl-muted);font-size:.7rem;font-weight:800;letter-spacing:.1em}.portfolio-grid{display:grid;grid-auto-flow:dense;grid-auto-rows:270px;grid-template-columns:repeat(4,1fr);gap:10px}.portfolio-tile{position:relative;display:flex;overflow:hidden;padding:1.2rem;align-items:flex-end;border:0;border-radius:4px;background:linear-gradient(145deg,var(--tile-a,var(--bl-lilac)),var(--tile-b,var(--bl-cyan)));text-align:left}.portfolio-tile.wide{grid-column:span 2}.portfolio-tile.tall{grid-row:span 2}.portfolio-tile.featured{grid-column:span 2;grid-row:span 2}.portfolio-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.portfolio-tile:hover img{transform:scale(1.035)}.portfolio-tile::after{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(14,18,22,.72));content:""}.portfolio-tile-copy{position:relative;z-index:2;color:white;transform:translateY(.4rem);transition:transform .25s ease}.portfolio-tile:hover .portfolio-tile-copy{transform:none}.portfolio-tile-copy strong{display:block;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.portfolio-tile-copy small{opacity:.75}.tile-badges{position:absolute;z-index:3;top:.8rem;right:.8rem;display:flex;gap:.3rem}.tile-badges span{display:grid;width:32px;height:32px;place-items:center;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--badge-color,var(--bl-cyan));font-size:.6rem;font-weight:800}.media-icon{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:58px;height:58px;place-items:center;border:2px solid white;border-radius:50%;background:rgba(32,36,44,.3);color:white;font-size:1.3rem;transform:translate(-50%,-50%)}.portfolio-sentinel{height:40px;display:grid;place-items:center}.portfolio-sentinel span{width:28px;height:28px;border:3px solid var(--bl-line);border-top-color:var(--bl-cyan-dark);border-radius:50%;animation:spin .8s linear infinite;opacity:0}.portfolio-sentinel.loading span{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}

/* Workspaces */
.workspace-layout,.admin-layout{display:grid;grid-template-columns:230px 1fr;gap:3rem;padding-block:64px 110px}.workspace-sidebar,.admin-sidebar{position:sticky;top:130px;height:fit-content}.workspace-label{margin:0 0 1rem;color:var(--bl-muted);font-size:.62rem;font-weight:800;letter-spacing:.14em}.workspace-sidebar nav,.admin-sidebar nav{display:flex;flex-direction:column;gap:.25rem}.workspace-sidebar nav a,.admin-sidebar nav a{display:flex;align-items:center;gap:.75rem;padding:.75rem .85rem;border-radius:7px;color:#6b6e75;font-size:.75rem;font-weight:700}.workspace-sidebar nav a:hover,.workspace-sidebar nav a.active,.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:var(--bl-soft);color:var(--bl-ink)}.workspace-sidebar i,.admin-sidebar i{color:var(--bl-cyan-dark)}.workspace-main,.admin-main{min-width:0}.workspace-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:2rem}.workspace-head h1{margin:0;font-size:2.6rem}.dashboard-welcome{padding:2.2rem;background:linear-gradient(115deg,var(--bl-cyan),var(--bl-lilac));border-radius:var(--bl-radius)}.dashboard-welcome h1{margin:.4rem 0;font-size:2.3rem}.dashboard-welcome p{max-width:680px;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-block:1rem}.metric-card{padding:1.3rem;border:1px solid var(--bl-line);border-radius:10px}.metric-card i{color:var(--bl-cyan-dark);font-size:1.3rem}.metric-card strong{display:block;margin:.6rem 0 0;font-size:1.8rem}.metric-card span{color:var(--bl-muted);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;margin-top:1rem}.dashboard-panel{padding:1.5rem}.dashboard-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-panel h2{margin:0;font-size:1rem}.dashboard-panel header a{font-size:.62rem;font-weight:800;letter-spacing:.08em}.quick-list{display:flex;flex-direction:column}.quick-row{display:flex;align-items:center;gap:.8rem;padding:.8rem 0;border-bottom:1px solid var(--bl-line)}.quick-row .badge-visual{width:48px}.quick-row strong{font-size:.73rem}.quick-row small{display:block;color:var(--bl-muted);font-size:.63rem}.editor-toolbar{display:flex;justify-content:space-between;padding:1rem 1.2rem;margin-bottom:1rem;border:1px solid var(--bl-line);border-radius:8px}.editor-toolbar span{color:var(--bl-muted);font-size:.75rem}.artifact-manager{display:flex;flex-direction:column;gap:.7rem}.manager-item{display:grid;grid-template-columns:32px 88px 1fr 130px 90px;gap:1rem;align-items:center;padding:.8rem;border:1px solid var(--bl-line);border-radius:9px;background:white}.drag-handle{border:0;background:transparent;color:var(--bl-muted);cursor:grab}.manager-thumb{height:70px;overflow:hidden;border-radius:6px;background:linear-gradient(145deg,var(--bl-lilac),var(--bl-cyan))}.manager-thumb img{width:100%;height:100%;object-fit:cover}.manager-title strong{display:block;font-size:.78rem}.manager-title small{color:var(--bl-muted);font-size:.65rem}.manager-size{font-size:.65rem;font-weight:800;text-transform:uppercase}.manager-actions{display:flex;gap:.25rem}.manager-actions button{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--bl-line);border-radius:6px;background:white}.settings-form{padding:2rem}.form-section{padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--bl-line)}.form-section:last-of-type{border:0}.form-section h2{margin:0 0 1.2rem;font-size:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid .span-2{grid-column:span 2}.form-label,label{color:var(--bl-ink);font-size:.7rem;font-weight:800;letter-spacing:.04em}.form-label small,label small{display:block;margin-top:.35rem;color:var(--bl-muted);font-size:.62rem;font-weight:500;letter-spacing:0}.form-control,.form-select{min-height:48px;border-color:#d5d8dc;border-radius:7px;font-size:.86rem}.form-control:focus,.form-select:focus{border-color:var(--bl-cyan-dark);box-shadow:0 0 0 3px rgba(104,201,221,.18)}textarea.form-control{min-height:120px}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--bl-line);border-radius:8px}.switch-row input{width:42px;height:22px}.upload-drop{display:grid;min-height:160px;padding:1rem;place-items:center;border:2px dashed #cfd2d7;border-radius:9px;background:var(--bl-soft);text-align:center}.upload-drop i{display:block;color:var(--bl-cyan-dark);font-size:2rem}.upload-drop input{max-width:100%}

/* Admin */
.admin-layout{grid-template-columns:245px 1fr}.admin-sidebar{display:flex;min-height:calc(100vh - 190px);flex-direction:column;justify-content:space-between;padding:1.1rem;border:1px solid var(--bl-line);border-radius:var(--bl-radius);background:#fafafa}.system-check-link{display:flex;align-items:center;gap:.6rem;padding:.8rem;border-top:1px solid var(--bl-line);font-size:.68rem;font-weight:800}.admin-hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:2rem}.admin-hero h1{margin:0;font-size:2.7rem}.admin-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.admin-metric{padding:1.2rem;border-radius:9px;background:var(--bl-soft)}.admin-metric:nth-child(4n+1){border-top:4px solid var(--bl-cyan)}.admin-metric:nth-child(4n+2){border-top:4px solid var(--bl-lime)}.admin-metric:nth-child(4n+3){border-top:4px solid var(--bl-lilac)}.admin-metric:nth-child(4n){border-top:4px solid var(--bl-yellow)}.admin-metric strong{display:block;font-size:1.8rem}.admin-metric span{color:var(--bl-muted);font-size:.6rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.admin-table-wrap{overflow:auto;border:1px solid var(--bl-line);border-radius:10px}.admin-table{width:100%;margin:0;border-collapse:collapse}.admin-table th,.admin-table td{padding:.85rem 1rem;border-bottom:1px solid var(--bl-line);text-align:left;vertical-align:middle}.admin-table th{background:var(--bl-soft);font-size:.58rem;letter-spacing:.11em;text-transform:uppercase}.admin-table td{font-size:.75rem}.status-chip{display:inline-block;padding:.28rem .45rem;border-radius:5px;background:var(--bl-soft);font-size:.56rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.status-chip.active,.status-chip.completed,.status-chip.processed{background:var(--bl-lime)}.status-chip.suspended,.status-chip.failed,.status-chip.revoked{background:#ffd1d1}.status-chip.instructor{background:var(--bl-lilac)}.admin-toolbar{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.admin-toolbar .search-field{max-width:480px}.admin-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.admin-content-card{padding:1.2rem;border:1px solid var(--bl-line);border-radius:9px}.admin-content-card .badge-visual{width:90px;margin-bottom:1rem}.admin-content-card h2{font-size:.85rem}.admin-content-card p{color:var(--bl-muted);font-size:.7rem}.admin-card-actions{display:flex;gap:.5rem;margin-top:1rem}.featured-admin-thumb{display:flex;min-height:130px;align-items:flex-start;justify-content:flex-end;padding:.55rem;margin-bottom:.8rem;border-radius:7px;background:linear-gradient(135deg,var(--bl-lilac),var(--bl-cyan));background-position:center;background-size:cover}.featured-admin-thumb span{padding:.25rem .4rem;border-radius:4px;background:rgba(255,255,255,.9);font-size:.52rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.integration-card{padding:1.5rem;margin-bottom:1rem}.integration-card header{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.integration-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:9px;background:var(--bl-lilac);font-size:1.3rem}.integration-card h2{margin:0;font-size:1rem}.integration-card header p{margin:0;color:var(--bl-muted);font-size:.7rem}.integration-actions{display:flex;gap:.6rem;flex-wrap:wrap}.secret-field{position:relative}.secret-field .form-control{padding-right:4rem}.secret-field span{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);font-size:.6rem;font-weight:800}.badge-builder-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:1.3rem}.builder-preview{display:grid;min-height:640px;padding:2rem;place-items:center;border-radius:var(--bl-radius);background:linear-gradient(145deg,var(--bl-lilac),#eff4f5)}.builder-preview-inner{text-align:center}.builder-preview .badge-visual{width:290px;margin:auto}.builder-preview h2{margin:1.5rem 0 .3rem;font-size:1.2rem}.builder-controls{padding:1.5rem}.workflow-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.5rem}.workflow-tabs button{padding:.7rem;border:1px solid var(--bl-line);border-radius:7px;background:white;font-size:.65rem;font-weight:800;letter-spacing:.08em}.workflow-tabs button.active{border-color:var(--bl-ink);background:var(--bl-ink);color:white}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.color-control{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid var(--bl-line);border-radius:7px}.color-control input{width:34px;height:34px;padding:0;border:0;background:transparent}.icon-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem}.icon-picker button{display:grid;aspect-ratio:1;place-items:center;border:1px solid var(--bl-line);border-radius:6px;background:white}.icon-picker button.active{border-color:var(--bl-cyan-dark);background:#e5f8fc}.builder-actions{display:flex;gap:.7rem;margin-top:1.5rem}.log-list{display:flex;flex-direction:column}.log-row{display:grid;grid-template-columns:150px 1fr 180px;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--bl-line);font-size:.7rem}.log-row time{color:var(--bl-muted)}

/* Modals */
.modal-content{border:0;border-radius:var(--bl-radius)}.modal-close{position:absolute;z-index:3;top:1rem;right:1rem;display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--bl-line);border-radius:7px;background:white}.auth-modal-content{padding:2.5rem}.auth-brand{text-align:center}.auth-brand img{width:160px;height:90px;object-fit:contain;margin:-1.5rem auto}.auth-panel{max-width:430px;margin:auto}.auth-panel h2{text-align:center;margin:0 0 .5rem;font-size:2rem}.auth-panel>p{text-align:center;color:var(--bl-muted);font-size:.8rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1.5rem 0}.auth-tabs button{padding:.65rem;border:0;border-bottom:2px solid var(--bl-line);background:transparent;font-size:.68rem;font-weight:800;letter-spacing:.1em}.auth-tabs button.active{border-color:var(--bl-cyan-dark)}.auth-form{display:flex;flex-direction:column;gap:.9rem}.auth-form .btn{margin-top:.5rem}.form-status{min-height:1.4rem;margin-top:.7rem;color:var(--bl-muted);font-size:.7rem}.form-status.error{color:#a83030}.editor-modal{padding:2.2rem}.editor-modal h2{margin:0 0 .5rem;font-size:1.8rem}.editor-modal>div>p{color:var(--bl-muted)}.artifact-source-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.artifact-source-tabs button{padding:.6rem .75rem;border:1px solid var(--bl-line);border-radius:7px;background:white;font-size:.65rem;font-weight:800}.artifact-source-tabs button.active{background:var(--bl-ink);color:white}.lightbox-content{position:relative;display:grid;place-items:center;padding:4rem 7rem;background:#151820;color:white}.lightbox-close,.lightbox-nav{position:absolute;z-index:3;display:grid;width:48px;height:48px;place-items:center;border:1px solid #555963;border-radius:8px;background:#20242c;color:white}.lightbox-close{top:1.5rem;right:1.5rem}.lightbox-nav{top:50%;transform:translateY(-50%)}.lightbox-nav.prev{left:1.5rem}.lightbox-nav.next{right:1.5rem}.lightbox-layout{display:grid;width:min(1280px,100%);grid-template-columns:1.5fr .5fr;gap:2rem;align-items:center}.lightbox-media{display:grid;min-height:70vh;place-items:center;background:#0d0f14}.lightbox-media img,.lightbox-media video{max-height:78vh}.lightbox-media iframe{width:100%;height:72vh;border:0}.lightbox-copy h2{color:white;font-size:1.5rem}.lightbox-copy p{color:#c5c7ce}.toast{border:0;border-radius:8px;background:var(--bl-ink);color:white;box-shadow:var(--bl-shadow)}
.sub-interest-picker{padding:1rem;border:1px solid var(--bl-line);border-radius:9px;background:var(--bl-soft)}
.sub-interest-heading{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin-bottom:.8rem}
.sub-interest-heading strong{font-size:.7rem;letter-spacing:.1em}.sub-interest-heading small{color:var(--bl-muted);font-size:.68rem}
.sub-interest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}
.sub-interest-option{display:flex;align-items:center;gap:.55rem;padding:.65rem;border:1px solid var(--bl-line);border-radius:7px;background:white;cursor:pointer}
.sub-interest-option:has(input:checked){border-color:var(--bl-cyan-dark);background:#e8f8fb}.sub-interest-option input{width:17px;height:17px;accent-color:var(--bl-cyan-dark)}.sub-interest-option span{font-size:.68rem;font-weight:700}
.profile-subinterests{margin:-.4rem 0 .9rem!important;color:var(--bl-cyan-dark)!important;font-size:.65rem!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

/* Footer */
.site-footer{border-top:1px solid var(--bl-line);background:white}.site-footer .app-container{display:grid;grid-template-columns:200px 1fr auto auto;gap:2rem;align-items:center;min-height:150px}.site-footer img{width:145px;height:80px;object-fit:contain}.site-footer p{margin:0;color:var(--bl-muted);font-size:.75rem}.site-footer nav{display:flex;gap:1.2rem}.site-footer nav a,.site-footer>div>span{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

/* Installer and health */
.installer-page{min-height:100vh;background:linear-gradient(135deg,#eef9fb 0,#fff 46%,#f5f1fa 100%)}.installer-shell{width:min(970px,calc(100% - 32px));margin:auto;padding:36px 0 80px}.installer-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.installer-brand img{width:160px;height:90px;object-fit:contain}.installer-brand span{font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.installer-card{padding:clamp(1.5rem,5vw,4rem);border:1px solid rgba(32,36,44,.1);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:var(--bl-shadow)}.installer-progress{display:flex;gap:.45rem;margin-bottom:3rem}.installer-progress span{flex:1;padding:.55rem;border-bottom:3px solid var(--bl-line);color:var(--bl-muted);font-size:.6rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.installer-progress span.active{border-color:var(--bl-cyan);color:var(--bl-ink)}.installer-card h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,4rem)}.installer-lede{max-width:720px;color:var(--bl-muted)}.system-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:2rem 0}.system-check{display:flex;gap:.5rem;align-items:center;padding:.65rem;border:1px solid var(--bl-line);border-radius:7px;font-size:.65rem;font-weight:700}.system-check span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--bl-line)}.system-check.ok span{background:var(--bl-lime)}.system-check.fail span{background:#ffd1d1}.installer-form fieldset{padding:0;margin:3rem 0;border:0}.installer-form legend{display:flex;gap:.8rem;align-items:center;margin-bottom:1.2rem;font-size:.85rem;font-weight:800;letter-spacing:.09em}.installer-form legend>span{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:var(--bl-ink);color:white}.installer-form legend small{display:block;color:var(--bl-muted);font-size:.62rem;font-weight:500;letter-spacing:0;text-transform:none}.installer-note{text-align:center;margin:1.5rem 0 0;color:var(--bl-muted);font-size:.68rem}.health-list{margin-top:2rem;border:1px solid var(--bl-line);border-radius:10px}.health-list>div{display:grid;grid-template-columns:20px 1fr 1fr;gap:.8rem;align-items:center;padding:.9rem 1rem;border-bottom:1px solid var(--bl-line);font-size:.75rem}.health-list>div:last-child{border:0}.health-dot{width:10px;height:10px;border-radius:50%;background:#e06b6b}.health-dot.ok{background:#83b53f}.health-dot.warn{background:#e9ad44}

@media (max-width:1199.98px){
  .hero-grid{min-height:650px}.hero-stage{min-height:520px}.badge-pool-grid{grid-template-columns:repeat(4,1fr)}.creative-grid{grid-template-columns:repeat(2,1fr)}.certification-row{grid-template-columns:repeat(4,1fr)}.portfolio-grid{grid-template-columns:repeat(3,1fr)}.admin-metric-grid{grid-template-columns:repeat(2,1fr)}.admin-card-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:991.98px){
  #main-content,body[data-current-route="explore"] #main-content{padding-top:120px}
  .app-container{width:min(100% - 36px,1440px)}.site-header .navbar{min-height:72px}.navbar-collapse{padding:1rem 0}.navbar-nav{gap:0}.header-actions{padding-top:.7rem;border-top:1px solid var(--bl-line)}.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-copy{padding-top:2rem}.hero-stage{min-height:560px}.intent-grid{grid-template-columns:1fr 1fr}.intent-card:last-child{grid-column:span 2}.manifesto-grid,.page-hero-row,.badge-pool-hero,.profile-top,.badge-detail-hero,.pathway-detail-hero{grid-template-columns:1fr}.badge-constellation{margin-top:2rem}.filter-bar{top:75px}.filter-inner{flex-wrap:wrap;padding-block:1rem}.badge-pool-grid{grid-template-columns:repeat(3,1fr)}.pathway-grid{grid-template-columns:1fr}.detail-columns{grid-template-columns:1fr}.workspace-layout,.admin-layout{grid-template-columns:1fr}.workspace-sidebar,.admin-sidebar{position:static}.workspace-sidebar nav,.admin-sidebar nav{flex-direction:row;overflow:auto}.admin-sidebar{min-height:0}.system-check-link{border:0}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.badge-builder-layout{grid-template-columns:1fr}.builder-preview{min-height:500px}.site-footer .app-container{grid-template-columns:1fr 1fr;padding-block:2rem}.site-footer nav{justify-content:flex-end}
}
@media (max-width:767.98px){
  body{font-size:15px}.app-container{width:calc(100% - 28px)}.hero-grid{padding-block:40px}.hero-copy h1{font-size:clamp(2.5rem,10.5vw,4rem);letter-spacing:-.04em}.hero-actions{align-items:flex-start;flex-direction:column}.hero-proof{margin-top:2.5rem;gap:.5rem;flex-wrap:wrap}.hero-stage{min-height:440px}.hero-artwork{top:13%;right:4%;bottom:12%;left:4%;border-width:6px}.hero-badge{width:82px}.badge-one{left:-2%}.badge-two{right:-2%}.intent-section{padding-block:70px}.section-intro{grid-template-columns:1fr;gap:1rem}.intent-grid{grid-template-columns:1fr}.intent-card:last-child{grid-column:auto}.intent-card{min-height:330px}.manifesto-grid{grid-template-columns:1fr;padding-block:70px}.page-hero{padding-block:60px 40px}.page-hero h1,.badge-pool-hero h1{font-size:clamp(2.4rem,11vw,4rem)}.filter-inner select{min-width:0;flex:1}.filter-inner .search-field{flex-basis:100%}.creative-grid{grid-template-columns:1fr}.badge-constellation>div{width:90px}.badge-constellation>div:nth-child(2){width:115px}.badge-pool-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.badge-card{min-height:230px;padding:1rem .5rem}.badge-card .badge-visual{width:105px}.category-tabs{order:3;width:100%}.detail-columns,.evidence-strip{grid-template-columns:1fr}.badge-detail-hero,.pathway-detail-hero{padding:1.2rem}.badge-detail-art,.pathway-hero-art{min-height:300px}.pathway-card{grid-template-columns:1fr}.pathway-card-art{min-height:260px}.pathway-card h2{margin:1rem 0}.certification-row{display:flex;overflow-x:auto}.certification-item{min-width:150px}.featured-grid{grid-template-columns:1fr}.profile-shell{padding-top:40px}.profile-achievements{min-height:0}.profile-badge-grid{display:flex;overflow-x:auto}.profile-badge-grid a{min-width:95px}.profile-identity{order:-1}.portfolio-grid{grid-auto-rows:220px;grid-template-columns:repeat(2,1fr)}.portfolio-tile.wide{grid-column:span 2}.portfolio-tile.tall{grid-row:span 2}.portfolio-tile.featured{grid-column:span 2;grid-row:span 1}.workspace-layout,.admin-layout{padding-block:38px}.workspace-head,.admin-hero{align-items:flex-start;flex-direction:column;gap:1rem}.workspace-head h1,.admin-hero h1{font-size:2rem}.metric-grid,.admin-metric-grid,.admin-card-grid{grid-template-columns:1fr 1fr}.manager-item{grid-template-columns:24px 65px 1fr auto}.manager-size{display:none}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.badge-builder-layout{display:block}.builder-preview{min-height:390px;margin-bottom:1rem}.builder-preview .badge-visual{width:210px}.color-grid{grid-template-columns:1fr}.icon-picker{grid-template-columns:repeat(5,1fr)}.lightbox-content{padding:5rem 1rem}.lightbox-layout{grid-template-columns:1fr}.lightbox-media{min-height:48vh}.lightbox-nav{top:auto;bottom:1rem}.lightbox-nav.prev{left:1rem}.lightbox-nav.next{right:1rem}.site-footer .app-container{grid-template-columns:1fr;text-align:center}.site-footer img{margin:auto}.site-footer nav{justify-content:center;flex-wrap:wrap}.system-check-grid{grid-template-columns:1fr 1fr}.installer-card{padding:1.3rem}.log-row{grid-template-columns:1fr}.log-row time{order:3}
}
@media (max-width:480px){.badge-pool-grid{grid-template-columns:1fr 1fr}.badge-card{min-height:215px}.badge-card .badge-visual{width:92px}.metric-grid,.admin-metric-grid,.admin-card-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.portfolio-tile.wide,.portfolio-tile.featured{grid-column:auto}.profile-actions{flex-wrap:wrap}.system-check-grid{grid-template-columns:1fr}.health-list>div{grid-template-columns:20px 1fr}.health-list>div span:last-child{grid-column:2}}
@media (max-width:480px){.hero-copy h1{font-size:10vw}.hero-stage{overflow:hidden}.badge-pool-grid{grid-template-columns:1fr 1fr}.badge-card{min-height:215px}.badge-card .badge-visual{width:92px}.metric-grid,.admin-metric-grid,.admin-card-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.portfolio-tile.wide,.portfolio-tile.featured{grid-column:auto}.profile-actions{flex-wrap:wrap}.system-check-grid{grid-template-columns:1fr}.health-list>div{grid-template-columns:20px 1fr}.health-list>div span:last-child{grid-column:2}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Admin Studio refinements */
.badge-builder-layout{align-items:start}
.builder-preview{position:sticky;top:112px;min-height:470px;max-height:calc(100vh - 135px);padding:1.5rem}
.builder-preview .badge-visual{width:250px;max-width:100%}
.builder-preview h2{margin:1rem 0 .2rem;font-size:1.05rem}
.icon-picker button{overflow:hidden;padding:.35rem}
.icon-picker button.active{box-shadow:inset 0 0 0 1px var(--bl-cyan-dark)}
.icon-picker button img{width:100%;height:100%;object-fit:contain}
.center-artwork-library{padding:1rem;margin-top:.8rem;border:1px solid var(--bl-line);border-radius:8px;background:var(--bl-soft)}
.center-artwork-library header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}
.center-artwork-library h4{margin:0;font-size:.68rem}.center-artwork-library p{margin:0;color:var(--bl-muted);font-size:.62rem}
.home-feature-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);align-items:start;gap:1.2rem}
.home-feature-preview{position:relative;min-height:430px;overflow:hidden;margin:0;border:10px solid white;border-radius:var(--bl-radius);background:#17191d;box-shadow:var(--bl-shadow)}
.home-feature-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-feature-preview::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(15,17,21,.8));content:""}
.home-feature-preview figcaption{position:absolute;z-index:2;right:1.5rem;bottom:1.5rem;left:1.5rem;color:white}
.home-feature-preview strong,.home-feature-preview span{display:block;color:white;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
.home-feature-preview span{margin-top:.25rem;font-size:.62rem;opacity:.82}
.integration-security{padding:1rem;border:1px solid #efc56c;border-radius:8px;background:#fff9e9;color:#664b13;font-size:.7rem}
.integration-security.is-secure{border-color:#a8d178;background:#f3fae8;color:#314e17}
.secret-actions{display:flex;gap:.45rem;margin-top:.5rem;flex-wrap:wrap}
.secret-reveal{padding:.8rem;margin-top:.7rem;border-radius:7px;background:#17191d;color:white;word-break:break-all;font:600 .7rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}
@media (max-width:991.98px){.home-feature-layout{grid-template-columns:1fr}.builder-preview{position:static;max-height:none}}

.evidence-option{display:flex;min-height:70px;align-items:center;gap:.7rem;padding:.8rem;border:1px solid var(--bl-line);border-radius:8px;background:var(--bl-soft);cursor:pointer}.evidence-option:has(input:checked){border-color:var(--bl-cyan-dark);background:#e8f8fb}.evidence-option input{width:18px;height:18px;accent-color:var(--bl-cyan-dark)}.evidence-option span{font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.profile-top>*{min-width:0}
@media (max-width:991.98px){.profile-top,.workspace-layout,.admin-layout{grid-template-columns:minmax(0,1fr)}.workspace-sidebar,.admin-sidebar{max-width:100%;overflow:hidden}.workspace-sidebar nav,.admin-sidebar nav{max-width:100%;overflow-x:auto}.admin-main,.workspace-main{width:100%;min-width:0}}

/* Portfolio sharing and presentation refinements */
.hero-artwork{border-radius:20px}
.shape-cyan{border-radius:22px}
.profile-achievements{min-height:360px}
.profile-top+.section-heading{margin-top:2.5rem}
.opportunity-link{display:inline-flex;align-items:center;gap:.35rem;transition:transform .2s ease,box-shadow .2s ease}
.opportunity-link:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(32,36,44,.12)}
.portfolio-tile>.portfolio-tile-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.portfolio-tile:hover>.portfolio-tile-image{transform:scale(1.035)}
.tile-badges{align-items:flex-start}
.tile-badges .tile-badge{display:block;width:46px;height:auto;overflow:visible;place-items:unset;clip-path:none;background:transparent;font-size:inherit;font-weight:inherit}
.tile-badges .portfolio-badge{width:46px;filter:drop-shadow(0 5px 8px rgba(9,13,18,.28))}
.tile-badges .badge-center{display:grid;width:56%;height:56%;place-items:center;clip-path:none;background:transparent;font-size:inherit;font-weight:inherit}
.portfolio-tile .tile-badges img{position:static;inset:auto;width:100%;height:100%;object-fit:contain;transform:none}
.portfolio-tile:hover .tile-badges img{transform:none}
.portfolio-tile .tile-badges .full-badge{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.lightbox-badges{display:flex;align-items:center;gap:.65rem;margin-top:1.2rem}
.lightbox-badges .badge-visual{width:64px}
.lightbox-media iframe.audio-embed{height:450px;max-height:72vh;border-radius:12px;background:#111}
.lightbox-project-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:.5rem;padding:.7rem .9rem;border:1px solid #555963;border-radius:8px;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s ease}
.lightbox-project-link:hover,.lightbox-project-link:focus-visible{border-color:var(--bl-cyan);background:var(--bl-cyan);color:var(--bl-ink);transform:translateY(-1px)}
.share-modal-content{padding:2.4rem}
.share-heading{padding-right:3.5rem}
.share-heading h2{max-width:680px;margin:.25rem 0 .7rem;font-size:clamp(1.6rem,4vw,2.5rem)}
.share-heading>p:last-child{margin:0;color:var(--bl-muted)}
.share-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:2rem;align-items:start;margin-top:1.8rem}
.share-qr{display:grid;min-height:250px;padding:9px;place-items:center;border:1px solid var(--bl-line);border-radius:12px;background:white}
.share-qr canvas{display:block!important;width:232px!important;height:232px!important;max-width:100%}
.share-qr img{display:none!important}
.share-qr-error{max-width:190px;margin:0;color:var(--bl-muted);font-size:.72rem;text-align:center}
.share-options{display:flex;flex-direction:column;gap:.8rem}
.share-options>label{display:block;margin:0}
.share-url-row{display:flex;gap:.45rem;margin-top:.4rem}
.share-url-row .form-control{min-width:0}
.share-note{display:flex;gap:.6rem;margin:.2rem 0 0;padding:.8rem;border-radius:8px;background:var(--bl-soft);color:var(--bl-muted);font-size:.68rem;line-height:1.55}
.share-note i{color:var(--bl-cyan-dark);font-size:1rem}
@media (max-width:767.98px){.profile-achievements{min-height:0}.profile-top+.section-heading{margin-top:2rem}.share-modal-content{padding:1.4rem}.share-layout{grid-template-columns:1fr}.share-layout>div:first-child{width:min(250px,100%);margin:auto}.share-url-row{align-items:stretch;flex-direction:column}.share-heading{padding-right:2.5rem}}

/* Student-work administration and 1.2 interface refinements */
.shape-lilac{width:58%;height:auto;aspect-ratio:1;border-radius:50%;transform:none}
.auth-brand img{width:145px;height:72px;margin:-1rem auto -.15rem}
.auth-panel h2{font-size:clamp(1.35rem,2.2vw,1.72rem);line-height:1.08;letter-spacing:.06em}
.badge-visual i{color:var(--badge-center-color,var(--bl-ink))}
.badge-center-image{display:block;width:72%;height:72%;background:var(--badge-center-color,var(--bl-ink));-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat}
.badge-pool-view .filter-bar{top:82px;box-shadow:0 8px 20px rgba(32,36,44,.06)}
.badge-filter-inner{flex-wrap:nowrap;overflow:hidden}.badge-filter-inner .category-tabs{flex:1;min-width:0;overflow-x:auto;flex-wrap:nowrap}.badge-filter-inner>label:last-child{flex:0 0 auto}
.admin-studio-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;align-items:start}.admin-evidence-list{display:grid;gap:.55rem;max-height:390px;overflow:auto;margin-top:1rem}.admin-evidence-list .evidence-option{min-height:58px}
@media (max-width:991.98px){.admin-studio-columns{grid-template-columns:1fr}.badge-pool-view .filter-bar{top:72px}}

/* Portfolio ordering and pinning */
.manager-item{grid-template-columns:32px 88px minmax(130px,1fr) 90px 196px}
.manager-item.pinned{border-color:var(--bl-cyan-dark);box-shadow:inset 4px 0 0 var(--bl-cyan)}
.drag-handle:active{cursor:grabbing}
.manager-pinned-label{display:block;margin-top:.25rem;color:var(--bl-cyan-dark);font-size:.55rem;font-weight:800;letter-spacing:.1em}
.manager-actions button:hover:not(:disabled),.manager-actions button:focus-visible,.manager-actions button.active{border-color:var(--bl-cyan-dark);background:#e5f8fc;color:var(--bl-ink)}
.manager-actions button:disabled{cursor:not-allowed;opacity:.3}
@media (max-width:991.98px){.manager-item{grid-template-columns:24px 65px minmax(110px,1fr) auto}.manager-size{display:none}.manager-actions{grid-column:3 / -1;justify-content:flex-end}}

/* Explore search lives in the persistent header instead of covering results. */
@media (max-width:991.98px){
  body[data-current-route="explore"] .explore-desktop-search{display:none}
  body[data-current-route="explore"] .explore-mobile-search{display:block}
  .site-header .navbar .nav-link{color:#666971!important}.site-header .navbar .nav-link:hover,.site-header .navbar .nav-link.active{color:var(--bl-ink)!important}
  .explore-mobile-search{padding-top:.9rem;border-top:1px solid var(--bl-line)}
  .explore-mobile-search .explore-nav-filter{display:grid;padding:0;grid-template-columns:1fr auto}
  .explore-mobile-search .search-field{min-width:0;grid-column:1/-1}
  .explore-mobile-search .explore-filter-selects{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
  .explore-mobile-search select{width:100%;min-width:0}
  .explore-mobile-search .btn{align-self:stretch}
}
@media (max-width:767.98px){
  .explore-mobile-search .explore-nav-filter{grid-template-columns:1fr}
  .explore-mobile-search .explore-filter-selects,.explore-mobile-search .btn{grid-column:1}
  .sub-interest-heading{align-items:flex-start;flex-direction:column;gap:.2rem}
  .sub-interest-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){.sub-interest-grid{grid-template-columns:1fr}}
@media (max-width:575.98px){.editor-toolbar{align-items:flex-start;flex-direction:column;gap:.7rem}.manager-item{grid-template-columns:22px 58px minmax(0,1fr);gap:.6rem}.manager-actions{grid-column:2 / -1;flex-wrap:wrap;justify-content:flex-start}.manager-actions button{width:34px;height:34px}}

/* Explore profile curation */
.admin-user-pinned{background:#f1fbfd}
.status-chip.explore-pinned{background:var(--bl-cyan);color:var(--bl-ink)}
.admin-table{min-width:1080px}
.admin-table th:nth-child(6),.admin-table td:nth-child(6),.admin-table th:last-child,.admin-table td:last-child{white-space:nowrap}