:root {
  --primary-color: #8b5cf6;
  --secondary-color: #d946ef;
  --accent-color: #c084fc;
  --accent-soft: #e9d5ff;
  --text-color: #f5f1ff;
  --text-light: #b6aacd;
  --bg-color: #09040f;
  --bg-dark: #030106;
  --bg-light: #140a21;
  --border-color: #ad85ff2e;
  --surface-soft: #0f071bbd;
  --surface-strong: #130b22eb;
  --card-bg: linear-gradient(180deg, #140a23eb, #090511f5);
  --card-bg-soft: linear-gradient(180deg, #11091ee6, #090510ed);
  --card-border: #ad85ff29;
  --glow-purple: #8b5cf659;
  --glow-magenta: #d946ef3d;
  --shadow: 0 24px 60px #0401106b;
  --shadow-lg: 0 36px 110px #0b021c94;
  --focus-ring: #c084fc;
}

[data-theme="light"] {
  --primary-color: #7c3aed;
  --secondary-color: #c026d3;
  --accent-color: #9333ea;
  --accent-soft: #6d28d9;
  --text-color: #1e1033;
  --text-light: #5b4a73;
  --bg-color: #f5f0ff;
  --bg-dark: #ebe4f7;
  --bg-light: #fff;
  --border-color: #c4b5db44;
  --surface-soft: #ffffffd6;
  --surface-strong: #f8f4ffeb;
  --card-bg: linear-gradient(180deg, #ffffffeb, #f5f0fff5);
  --card-bg-soft: linear-gradient(180deg, #ffffffe6, #f5f0ffed);
  --card-border: #c4b5db44;
  --glow-purple: #8b5cf624;
  --glow-magenta: #d946ef1a;
  --shadow: 0 24px 60px #8b5cf614;
  --shadow-lg: 0 36px 110px #8b5cf61f;
  --focus-ring: #7c3aed;
}

[data-theme="light"] body.site-theme {
  color: var(--text-color);
  background: radial-gradient(circle at 0 0, #8b5cf618, #0000 34%), radial-gradient(circle at 84% 12%, #d946ef0f, #0000 30%), radial-gradient(circle at 50% 110%, #7844d80f, #0000 34%), linear-gradient(#f5f0ff 0%, #ebe4f7 42%, #f5f0ff 100%);
}

[data-theme="light"] body.site-theme:before {
  background: #8b5cf60f;
}

[data-theme="light"] body.site-theme:after {
  background: #d946ef0a;
}

[data-theme="light"] html:has(body.site-theme) {
  background: var(--bg-color);
}

[data-theme="light"] .site-loading-screen {
  background: #f5f0ff !important;
}

[data-theme="light"] .loading-logo-text strong {
  color: #1e1033;
}

[data-theme="light"] .loading-logo-text span {
  color: #5b4a73;
}

[data-theme="light"] .loading-bar {
  background: #e0d4f0 !important;
}

[data-theme="light"] .loading-bar-fill {
  background: linear-gradient(90deg, #7c3aed, #c026d3) !important;
}

[data-theme="light"] body.site-theme .navbar {
  background: #ffffffd6;
  border-bottom-color: #c4b5db33;
  box-shadow: 0 4px 24px #8b5cf60f;
}

[data-theme="light"] body.site-theme .navbar.scrolled {
  background: #ffffffe6;
}

[data-theme="light"] body.site-theme .logo {
  color: #1e1033;
}

[data-theme="light"] body.site-theme .brand-tag {
  color: #5b4a73b8;
}

[data-theme="light"] body.site-theme .nav-link {
  color: #1e1033cc;
}

[data-theme="light"] body.site-theme .nav-link:hover,
[data-theme="light"] body.site-theme .nav-link.active {
  color: #fff;
}

[data-theme="light"] body.site-theme .hamburger span {
  background: #1e1033;
}

[data-theme="light"] body.site-theme .mobile-menu-overlay {
  background: #f5f0ff8c;
}

[data-theme="light"] body.site-theme .hero-panel,
[data-theme="light"] body.site-theme .hero-showcase-card,
[data-theme="light"] body.site-theme .quick-link-card,
[data-theme="light"] body.site-theme .contact-card,
[data-theme="light"] body.site-theme .stat-card,
[data-theme="light"] body.site-theme .skill-card,
[data-theme="light"] body.site-theme .article-list-item,
[data-theme="light"] body.site-theme .contact-message-section,
[data-theme="light"] body.site-theme .messages-list-section,
[data-theme="light"] body.site-theme .password-modal-content,
[data-theme="light"] body.site-theme .profile-container,
[data-theme="light"] body.site-theme .leaderboard-container,
[data-theme="light"] body.site-theme .test-content,
[data-theme="light"] body.site-theme .test-info,
[data-theme="light"] body.site-theme .test-panel,
[data-theme="light"] body.site-theme .game-card,
[data-theme="light"] body.site-theme .sponsor-card,
[data-theme="light"] body.site-theme .doc-viewer-wrapper,
[data-theme="light"] body.site-theme .ranking-container,
[data-theme="light"] body.site-theme .comment-modal-content,
[data-theme="light"] body.site-theme .modal-content,
[data-theme="light"] body.site-theme .message-item,
[data-theme="light"] body.site-theme .contact-message-form,
[data-theme="light"] body.site-theme .class-wall-grid > *,
[data-theme="light"] body.site-theme .messages-list > *,
[data-theme="light"] body.site-theme .comment-list > * {
  background: var(--card-bg-soft);
  border-color: var(--card-border);
  box-shadow: var(--shadow);
}

[data-theme="light"] body.site-theme .hero-panel {
  background: linear-gradient(#fffffffa, #f5f0fff5), radial-gradient(circle at 100% 0, #d946ef0a, #0000 34%);
}

[data-theme="light"] body.site-theme .hero-panel:before,
[data-theme="light"] body.site-theme .hero-showcase-card:before,
[data-theme="light"] body.site-theme .quick-link-card:before {
  background: linear-gradient(#ffffff80, #0000 24%);
}

[data-theme="light"] body.site-theme .section-title {
  color: #1e1033;
}

[data-theme="light"] body.site-theme .section-kicker,
[data-theme="light"] body.site-theme .footer-kicker {
  color: #7c3aed;
}

[data-theme="light"] body.site-theme .section-lead {
  color: #5b4a73;
}

[data-theme="light"] body.site-theme .page-eyebrow {
  color: #7c3aed;
}

[data-theme="light"] body.site-theme .page-lead {
  color: #5b4a73bd;
}

[data-theme="light"] body.site-theme .page-pill {
  color: #1e1033d6;
  background: #f5f0ff;
  border-color: #c4b5db33;
}

[data-theme="light"] body.site-theme .btn-primary,
[data-theme="light"] body.site-theme .article-read-more:first-child,
[data-theme="light"] body.site-theme .leaderboard-btn {
  color: #fff;
}

[data-theme="light"] body.site-theme .btn-secondary,
[data-theme="light"] body.site-theme .article-read-more:last-child,
[data-theme="light"] body.site-theme .back-button,
[data-theme="light"] body.site-theme .control-btn-profile,
[data-theme="light"] body.site-theme .game-card-btn {
  color: var(--text-color);
  background: #f5f0ff;
  border-color: #c4b5db44;
}

[data-theme="light"] body.site-theme .btn-secondary:hover,
[data-theme="light"] body.site-theme .article-read-more:last-child:hover,
[data-theme="light"] body.site-theme .back-button:hover,
[data-theme="light"] body.site-theme .control-btn-profile:hover,
[data-theme="light"] body.site-theme .game-card-btn:hover {
  background: #ede5fa;
  border-color: #9333ea40;
}

[data-theme="light"] body.site-theme .hero {
  background: radial-gradient(circle at 50% 24%, #8b5cf612, #0000 34%), linear-gradient(120deg, #f5f0fff5 0%, #ebe4f7e0 48%, #f5f0ffeb 100%);
}

[data-theme="light"] body.site-theme .hero:before {
  background: linear-gradient(#f5f0ff38, #f5f0ffc7), linear-gradient(90deg, #f5f0ffb3, #f5f0ff1f 42%, #f5f0ffbd);
}

[data-theme="light"] body.site-theme .hero-aurora {
  opacity: .3;
}

[data-theme="light"] body.site-theme .hero-grid {
  opacity: .2;
  background-image: linear-gradient(#7c3aed0a 1px, #0000 1px), linear-gradient(90deg, #7c3aed0a 1px, #0000 1px);
}

[data-theme="light"] body.site-theme .hero-scanlines {
  opacity: .03;
}

[data-theme="light"] body.site-theme .hero h1 .hero-title-line.accent {
  color: #1e1033;
}

[data-theme="light"] body.site-theme .hero h1 .hero-title-line:last-child {
  color: #1e1033e0;
}

[data-theme="light"] body.site-theme .hero-lead {
  color: #5b4a73c7;
}

[data-theme="light"] body.site-theme .hero-eyebrow {
  color: #5b4a73ad;
}

[data-theme="light"] body.site-theme .hero-status-pill {
  color: #7c3aed;
  background: #8b5cf614;
  border-color: #c084fc33;
}

[data-theme="light"] body.site-theme .hero-status-pill-muted {
  color: #5b4a73b8;
  background: #f5f0ff;
  border-color: #c4b5db29;
}

[data-theme="light"] body.site-theme .hero-stat {
  background: #fff;
  border-color: #c4b5db33;
}

[data-theme="light"] body.site-theme .hero-stat strong {
  color: #1e1033;
}

[data-theme="light"] body.site-theme .hero-stat span {
  color: #5b4a73a3;
}

[data-theme="light"] body.site-theme .hero-stat.is-stat-active {
  background: linear-gradient(#fff, #f5f0ff);
  border-color: #9333ea57;
}

[data-theme="light"] body.site-theme .hero-command-strip {
  background: #fff;
  border-color: #c4b5db33;
}

[data-theme="light"] body.site-theme .hero-command-item {
  color: #5b4a738a;
}

[data-theme="light"] body.site-theme .hero-command-item.is-active {
  color: #7c3aed;
}

[data-theme="light"] body.site-theme .hero-showcase-card {
  background: linear-gradient(#ffffffea, #f5f0ffeb);
}

[data-theme="light"] body.site-theme .hero-showcase-card p {
  color: #5b4a73b8;
}

[data-theme="light"] body.site-theme .hero-signal-list li {
  color: #1e1033d6;
}

[data-theme="light"] body.site-theme .hero-signature-node {
  background: linear-gradient(#ffffffe0, #f5f0ffd6), radial-gradient(circle at 100% 0, #d946ef14, #0000 42%);
  border-color: #c4b5db33;
}

[data-theme="light"] body.site-theme .hero-signature-node-label {
  color: #7c3aedb8;
}

[data-theme="light"] body.site-theme .hero-signature-node strong {
  color: #1e1033;
}

[data-theme="light"] body.site-theme .hero-signature-node-meta {
  color: #5b4a738f;
}

[data-theme="light"] body.site-theme .hero-signature-chip {
  color: #5b4a738f;
  background: #f5f0ff;
  border-color: #c4b5db33;
}

[data-theme="light"] body.site-theme .hero-signature-chip.is-active {
  color: #7c3aed;
  background: linear-gradient(135deg, #8b5cf618, #d946ef14);
  border-color: #9333ea33;
}

[data-theme="light"] body.site-theme .collage-img {
  filter: saturate(.92) contrast(1.02) brightness(.96);
}

[data-theme="light"] body.site-theme .footer {
  background: #1e1033;
  color: #f5f1ff;
}

[data-theme="light"] body.site-theme .back-to-top {
  box-shadow: 0 8px 24px #8b5cf633;
}

[data-theme="light"] body.site-theme .intro-scroll {
  background: #ebe4f7;
  border-color: #c4b5db33;
}

[data-theme="light"] body.site-theme .intro-text {
  color: #1e1033;
}

[data-theme="light"] body.site-theme .quick-links-kinetic-rail {
  background: linear-gradient(90deg, #c4b5db44, #d946ef29, #c4b5db44);
}

[data-theme="light"] body.site-theme .quick-links-kinetic-rail:before {
  background: linear-gradient(90deg, #f5f0fffa, #fffffffa), radial-gradient(circle at 100% 0, #c084fc14, #0000 42%);
}

[data-theme="light"] body.site-theme .quick-links-kinetic-chip {
  color: #5b4a73c2;
  background: #f5f0ff;
  border-color: #c4b5db33;
}

/* 主题切换按钮 */
.theme-toggle-btn {
  cursor: pointer;
  background: none;
  border: 1.5px solid var(--card-border);
  border-radius: 50%;
  width: 38px;
  height: 38px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background .25s, border-color .25s, transform .25s;
  flex-shrink: 0;
  margin-left: 8px;
}

.theme-toggle-btn:hover {
  background: #8b5cf618;
  border-color: #c084fc80;
  transform: rotate(15deg);
}

.theme-toggle-btn svg {
  width: 18px;
  height: 18px;
  transition: transform .35s, opacity .25s;
}

.theme-toggle-btn .theme-icon-sun {
  display: none;
}

.theme-toggle-btn .theme-icon-moon {
  display: block;
}

.theme-toggle-btn.is-light .theme-icon-sun {
  display: block;
}

.theme-toggle-btn.is-light .theme-icon-moon {
  display: none;
}

[data-theme="light"] .theme-toggle-btn {
  border-color: #c4b5db44;
}

[data-theme="light"] .theme-toggle-btn:hover {
  background: #ede5fa;
  border-color: #9333ea40;
}

@media (width <= 768px) {
  .theme-toggle-btn {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 52px;
    top: 50%;
    transform: translateY(-50%);
  }

  .theme-toggle-btn:hover {
    transform: translateY(-50%) rotate(15deg);
  }
}

html:has(body.site-theme) {
  background: var(--bg-dark);
}

body.site-theme {
  --page-journey-progress: 0;
  --page-phase-progress: 0;
  --page-phase-focus: 0;
  --page-phase-shift: 0px;
  --page-phase-order: 1;
  --page-phase-backdrop-progress: 0;
  --page-curtain-progress: 0;
  min-height: 100vh;
  color: var(--text-color);
  background: radial-gradient(circle at 0 0, #8b5cf63d, #0000 34%), radial-gradient(circle at 84% 12%, #d946ef29, #0000 30%), radial-gradient(circle at 50% 110%, #7844d824, #0000 34%), linear-gradient(#040108 0%, #080311 42%, #030106 100%);
  font-family: Space Grotesk, PingFang SC, Microsoft YaHei, sans-serif;
}

body.site-theme:before, body.site-theme:after {
  content: "";
  pointer-events: none;
  z-index: -1;
  filter: blur(60px);
  opacity: .45;
  border-radius: 50%;
  width: 28rem;
  height: 28rem;
  position: fixed;
  inset: auto;
}

body.site-theme:before {
  opacity: calc(.24 + (var(--page-phase-focus) * .2));
  transform: translate3d(calc(var(--page-phase-shift) * -.34), calc((var(--page-journey-progress) * 120px) - 24px), 0) scale(calc(.96 + (var(--page-phase-focus) * .2)));
  background: #8b5cf633;
  transition: opacity .45s, transform .55s;
  top: -10rem;
  right: -8rem;
}

body.site-theme:after {
  opacity: calc(.18 + (var(--page-phase-progress) * .24));
  transform: translate3d(calc(var(--page-phase-shift) * .3), calc((var(--page-journey-progress) * -150px) + 30px), 0) scale(calc(.9 + (var(--page-phase-progress) * .22)));
  background: #d946ef29;
  transition: opacity .45s, transform .55s;
  bottom: -12rem;
  left: -10rem;
}

body.site-theme h1, body.site-theme h2, body.site-theme h3, body.site-theme h4 {
  letter-spacing: .02em;
  font-family: Noto Serif SC, Songti SC, serif;
}

body.site-theme p, body.site-theme li, body.site-theme span, body.site-theme a, body.site-theme button, body.site-theme input, body.site-theme textarea {
  font-family: inherit;
}

body.site-theme a {
  color: inherit;
}

body.site-theme .container {
  width: min(1180px, 100% - 40px);
  padding: 0;
}

body.site-theme .navbar {
  backdrop-filter: blur(18px);
  background: #06030cb8;
  border-bottom: 1px solid #ad85ff1f;
  box-shadow: 0 18px 50px #02000857;
}

body.site-theme .navbar.scrolled {
  background: #040109e6;
}

body.site-theme .navbar .container {
  min-height: 84px;
  padding: 0;
}

body.site-theme .logo {
  color: #fbf7ff;
  letter-spacing: .12em;
  text-shadow: none;
  align-items: center;
  font-family: Noto Serif SC, Songti SC, serif;
  font-size: clamp(1.4rem, 2vw, 1.8rem);
  display: flex;
}

body.site-theme .logo a {
  color: inherit !important;
  text-decoration: none !important;
}

body.site-theme .brand-lockup {
  gap: 16px;
}

body.site-theme .brand-mark {
  background: linear-gradient(145deg, #8b5cf6 0%, #d946ef 58%, #38bdf8 100%);
  box-shadow: 0 18px 40px #8b5cf63d, inset 0 1px #ffffff2e;
}

body.site-theme .brand-name {
  letter-spacing: .18em;
  font-family: Noto Serif SC, Songti SC, serif;
  font-size: clamp(1rem, 1.4vw, 1.18rem);
}

body.site-theme .brand-tag {
  color: #e9d5ffb8;
  letter-spacing: .22em;
  font-size: .66rem;
}

body.site-theme .nav-menu {
  align-items: center;
  gap: 14px;
}

body.site-theme .nav-link {
  color: #f5f1ffcc;
  border-radius: 999px;
  padding: 10px 16px;
  transition: color .25s, background .25s, transform .25s;
}

body.site-theme .nav-link:after {
  display: none;
}

body.site-theme .nav-link:hover, body.site-theme .nav-link.active {
  color: #0d0718;
  text-shadow: none;
  background: linear-gradient(135deg, #8b5cf6f5, #d946efeb);
  transform: translateY(-1px);
}

body.site-theme .hamburger span {
  background: #f5f1ff;
}

body.site-theme .mobile-menu-overlay {
  opacity: 0;
  visibility: hidden;
  z-index: 998;
  background: #05020a8c;
  transition: opacity .25s, visibility .25s;
  position: fixed;
  inset: 0;
}

body.site-theme .mobile-menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

body.site-theme .btn, body.site-theme .article-read-more, body.site-theme .leaderboard-btn, body.site-theme .back-button, body.site-theme .control-btn-profile, body.site-theme .game-card-btn {
  border: 1px solid #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 22px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .25s, box-shadow .25s, border-color .25s, background .25s;
  display: inline-flex;
}

body.site-theme .btn:hover, body.site-theme .article-read-more:hover, body.site-theme .leaderboard-btn:hover, body.site-theme .back-button:hover, body.site-theme .control-btn-profile:hover, body.site-theme .game-card-btn:hover {
  transform: translateY(-2px);
}

body.site-theme .btn-primary, body.site-theme .article-read-more:first-child, body.site-theme .leaderboard-btn {
  color: #0d0718;
  background: linear-gradient(135deg, #8b5cf6, #d946ef);
  box-shadow: 0 18px 35px #8b5cf63d;
}

body.site-theme .btn-secondary, body.site-theme .article-read-more:last-child, body.site-theme .back-button, body.site-theme .control-btn-profile, body.site-theme .game-card-btn {
  color: var(--text-color);
  box-shadow: none;
  background: #ffffff08;
  border-color: #ad85ff33;
}

body.site-theme .btn-secondary:hover, body.site-theme .article-read-more:last-child:hover, body.site-theme .back-button:hover, body.site-theme .control-btn-profile:hover, body.site-theme .game-card-btn:hover {
  background: #8b5cf624;
  border-color: #c084fc80;
}

body.site-theme .section-title {
  color: #fbf7ff;
  text-align: left;
  margin-bottom: 22px;
  font-size: clamp(2rem, 4vw, 3.4rem);
}

body.site-theme .section-title:after {
  content: "";
  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
  transform-origin: 0;
  width: 92px;
  height: 4px;
  transform: scaleX(calc(.36 + (var(--heading-progress) * .64)));
  box-shadow: 0 0 22px rgba(192, 132, 252, calc(var(--heading-progress) * .22));
  border-radius: 999px;
  margin-top: 16px;
  transition: transform .5s, box-shadow .35s;
  display: block;
}

body.site-theme .section-heading, body.site-theme .subsection-heading {
  --heading-progress: 1;
  gap: 12px;
  max-width: 52rem;
  margin-bottom: 32px;
  display: grid;
}

body.site-theme .section-kicker, body.site-theme .footer-kicker {
  color: #ddc0ff;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: calc(.58 + (var(--heading-progress) * .42));
  transform: translate3d(0, calc((1 - var(--heading-progress)) * 18px), 0);
  align-items: center;
  gap: 10px;
  font-size: .82rem;
  font-weight: 700;
  transition: opacity .35s, transform .45s, letter-spacing .35s;
  display: inline-flex;
}

body.site-theme .section-kicker:before, body.site-theme .footer-kicker:before {
  content: "";
  background: linear-gradient(90deg, var(--primary-color), transparent);
  transform-origin: 0;
  width: 38px;
  height: 1px;
  transform: scaleX(calc(.42 + (var(--heading-progress) * .58)));
  opacity: calc(.45 + (var(--heading-progress) * .55));
  transition: transform .45s, opacity .35s;
}

body.site-theme .section-heading .section-title, body.site-theme .subsection-heading .skills-subtitle, body.site-theme .contact-header .section-title {
  opacity: calc(.5 + (var(--heading-progress) * .5));
  transform: translate3d(0, calc((1 - var(--heading-progress)) * 26px), 0);
  text-shadow: 0 16px 42px rgba(192, 132, 252, calc(var(--heading-progress) * .16));
  margin-bottom: 0;
  transition: opacity .4s, transform .55s, text-shadow .4s;
}

body.site-theme .heading-scramble-target {
  will-change: transform, opacity, text-shadow;
}

body.site-theme .heading-scramble-target.is-scramble-live {
  text-shadow: 0 0 18px #c084fc2e, 0 0 34px #d946ef1f;
  letter-spacing: .08em;
}

body.site-theme .section-lead {
  color: #f5f1ffb8;
  max-width: 46rem;
  opacity: calc(.48 + (var(--heading-progress) * .52));
  transform: translate3d(0, calc((1 - var(--heading-progress)) * 20px), 0);
  font-size: 1.02rem;
  line-height: 1.85;
  transition: opacity .4s, transform .5s;
}

body.site-theme .page-intro {
  margin-bottom: 30px;
}

body.site-theme .page-eyebrow {
  color: var(--secondary-color);
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-size: .82rem;
  font-weight: 700;
  display: inline-block;
}

body.site-theme .page-lead {
  color: #f5f1ffbd;
  max-width: 44rem;
  font-size: 1.03rem;
  line-height: 1.85;
}

body.site-theme .is-hidden {
  display: none !important;
}

body.site-theme .page-pill-row.is-centered {
  justify-content: center;
  margin-top: 18px;
}

body.site-theme .page-note-grid.has-bottom-gap {
  margin-bottom: 24px;
}

body.site-theme .sub-tabs-inline {
  border-bottom: 2px solid rgba(147, 51, 234, 0.2);
  gap: 10px;
  margin-bottom: 30px;
  display: flex;
}

body.site-theme .filter-box-spacious {
  margin-bottom: 30px;
}

body.site-theme .filter-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
  display: flex;
}

body.site-theme .filter-field {
  flex: 1;
  min-width: 200px;
}

body.site-theme .filter-label {
  color: var(--text-light);
  margin-bottom: 8px;
  font-size: .9rem;
  display: block;
}

body.site-theme .search-input.input-compact {
  cursor: pointer;
  padding: 12px 20px;
}

body.site-theme .filter-action {
  align-items: flex-end;
  display: flex;
}

body.site-theme .search-btn.btn-fit {
  height: fit-content;
}

body.site-theme .content-section.is-hidden {
  display: none;
}

body.site-theme .page-note-text {
  color: var(--text-light);
  margin-top: 10px;
  font-size: .9rem;
}

body.site-theme .profile-section-anchor {
  scroll-margin-top: 100px;
}

body.site-theme .profile-block-spaced {
  margin-top: 40px;
}

body.site-theme .profile-actions {
  text-align: center;
}

body.site-theme .profile-emoji-trail, body.site-theme .profile-message-emoji {
  display: inline-block;
}

body.site-theme .profile-emoji-trail {
  margin-right: 10px;
  font-size: 1.5rem;
}

body.site-theme .profile-message-emoji {
  margin-right: 8px;
  font-size: 1.3rem;
}

body.site-theme .page-pill-row {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
  display: flex;
}

body.site-theme .page-pill {
  color: #f5f1ffd6;
  background: #ffffff0a;
  border: 1px solid #ad85ff1f;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  display: inline-flex;
}

body.site-theme .page-note-grid, body.site-theme .benchmark-overview {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
  margin-top: 22px;
  display: grid;
}

body.site-theme .hero {
  --hero-pointer-x: 0px;
  --hero-pointer-y: 0px;
  --hero-tilt-x: 0deg;
  --hero-tilt-y: 0deg;
  --hero-scroll-progress: 0;
  --hero-exit-progress: 0;
  --pointer-x: 50%;
  --pointer-y: 50%;
  background: radial-gradient(circle at 50% 24%, #8b5cf629, #0000 34%), linear-gradient(120deg, #05020af5 0%, #0c0616b8 48%, #05020aeb 100%);
  height: auto;
  min-height: 100vh;
  display: block;
  position: relative;
  overflow: clip;
}

body.site-theme .hero:before {
  content: "";
  z-index: 1;
  background: linear-gradient(#05020a38, #05020ac7), linear-gradient(90deg, #05020ab3, #05020a1f 42%, #05020abd);
  position: absolute;
  inset: 0;
}

body.site-theme .hero:after {
  content: "";
  filter: blur(42px);
  width: min(32vw, 420px);
  height: min(32vw, 420px);
  opacity: calc(.5 + (var(--hero-scroll-progress) * .18));
  pointer-events: none;
  z-index: 1;
  background: radial-gradient(circle, #d946ef2e, #0000 70%);
  border-radius: 50%;
  position: absolute;
  inset: auto 8% 4% auto;
}

body.site-theme .hero-background, body.site-theme .particles {
  position: absolute;
  inset: 0;
}

body.site-theme .hero-background {
  overflow: hidden;
}

body.site-theme .hero-aurora, body.site-theme .hero-grid, body.site-theme .hero-code-rain, body.site-theme .hero-orb, body.site-theme .hero-pointer-glow, body.site-theme .hero-scanlines {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

body.site-theme .hero-aurora {
  mix-blend-mode: screen;
  opacity: .74;
  filter: blur();
  background: radial-gradient(circle at 12% 22%, #8b5cf657, #0000 26%), radial-gradient(circle at 78% 18%, #d946ef47, #0000 28%), radial-gradient(circle at 50% 80%, #a855f733, #0000 24%);
  animation: 16s ease-in-out infinite alternate heroAuroraShift;
}

body.site-theme .hero-grid {
  opacity: .5;
  transform-origin: top;
  background-image: linear-gradient(#ad85ff0f 1px, #0000 1px), linear-gradient(90deg, #ad85ff0f 1px, #0000 1px);
  background-size: 88px 88px;
  transform: perspective(900px) rotateX(78deg) scale(1.35);
  mask-image: linear-gradient(#000000b3 28%, #0000 88%);
}

body.site-theme .hero-code-rain {
  opacity: .56;
  mix-blend-mode: screen;
  overflow: hidden;
}

body.site-theme .hero-code-glyph {
  color: #e9d5ff57;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-shadow: 0 0 18px #c084fc38;
  user-select: none;
  font-size: clamp(.72rem, 1vw, .95rem);
  font-weight: 700;
  animation: linear infinite heroCodeFloat;
  position: absolute;
  top: -14%;
}

body.site-theme .hero-orb {
  filter: blur(8px);
  opacity: .78;
  border-radius: 50%;
  width: clamp(180px, 24vw, 320px);
  height: clamp(180px, 24vw, 320px);
}

body.site-theme .hero-orb-primary {
  background: radial-gradient(circle, #a855f757, #0000 68%);
  animation: 12s ease-in-out infinite heroOrbFloat;
  top: 14%;
  left: -4%;
}

body.site-theme .hero-orb-secondary {
  background: radial-gradient(circle, #d946ef42, #0000 68%);
  animation: 15s ease-in-out infinite reverse heroOrbFloat;
  inset: auto 2% 12% auto;
}

body.site-theme .hero-pointer-glow {
  background: radial-gradient(circle at var(--pointer-x) var(--pointer-y), #d8b4ff38, transparent 18%);
  mix-blend-mode: screen;
  opacity: 0;
  transition: opacity .25s;
}

body.site-theme .hero-scanlines {
  opacity: .08;
  background: linear-gradient(#ffffff0b 0, #0000 3px) 0 0 / 100% 9px;
  mask-image: linear-gradient(#0000 0%, #000000b3 18%, #00000040 100%);
}

body.site-theme .particles {
  opacity: .68;
  transform: translate3d(calc(var(--hero-pointer-x) * .95), calc(var(--hero-pointer-y) * .95), 0);
  background-image: radial-gradient(circle at 18% 28%, #c084fc1f 0%, #0000 42%), radial-gradient(circle at 82% 72%, #a855f71a 0%, #0000 40%);
  transition: transform .2s ease-out;
}

body.site-theme .hero-flow-canvas {
  pointer-events: none;
  width: 100%;
  height: 100%;
  opacity: calc(.34 + (var(--hero-scroll-progress) * .2));
  mix-blend-mode: screen;
  position: absolute;
  inset: 0;
}

body.site-theme .particle {
  background: radial-gradient(circle, #d8b4ffe0 0%, #c084fc1f 72%, #0000 100%);
  border-radius: 999px;
  box-shadow: 0 0 16px #c084fc3d;
}

body.site-theme .hero-image-collage {
  opacity: calc(.52 - (var(--hero-scroll-progress) * .18));
  transform: translate3d(calc(var(--hero-pointer-x) * .35), calc(var(--hero-pointer-y) * .35), 0) scale(calc(1 + (var(--hero-scroll-progress) * .06)));
  transform-origin: center;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  transition: transform .3s ease-out, opacity .35s;
  display: grid;
  position: absolute;
  inset: 0;
}

body.site-theme .collage-img-wrapper {
  position: relative;
  overflow: hidden;
}

body.site-theme .collage-img-wrapper picture {
  width: 100%;
  height: 100%;
  display: block;
}

body.site-theme .collage-img-wrapper:nth-child(odd) {
  transform: translateY(-2.5%);
}

body.site-theme .collage-img-wrapper:nth-child(2n) {
  transform: translateY(3%);
}

body.site-theme .image-placeholder {
  display: none;
}

body.site-theme .collage-img {
  object-fit: cover;
  opacity: 0;
  filter: saturate(.82) contrast(1.08) brightness(.72);
  width: 100%;
  height: 100%;
  transition: opacity .9s, transform 1.3s, filter .35s;
  transform: scale(1.06);
}

body.site-theme .collage-img.loaded {
  opacity: 1;
  transform: scale(1);
}

body.site-theme .hero-content {
  z-index: 2;
  text-align: left;
  width: min(1180px, 100% - 40px);
  box-shadow: none;
  backdrop-filter: none;
  perspective: 1200px;
  transform-style: preserve-3d;
  transform: translate3d(calc(var(--hero-pointer-x) * .18), calc(var(--hero-pointer-y) * .18), 0) rotateX(var(--hero-tilt-x)) rotateY(var(--hero-tilt-y));
  background: none;
  border: 0;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 420px);
  align-items: center;
  gap: 28px;
  margin: 0 auto;
  padding: 148px 0 112px;
  transition: transform .26s ease-out;
  display: grid;
  position: relative;
}

body.site-theme .hero-panel, body.site-theme .hero-showcase-card, body.site-theme .quick-link-card, body.site-theme .contact-card, body.site-theme .stat-card, body.site-theme .skill-card, body.site-theme .article-list-item, body.site-theme .contact-message-section, body.site-theme .messages-list-section, body.site-theme .password-modal-content, body.site-theme .profile-container, body.site-theme .leaderboard-container, body.site-theme .test-content, body.site-theme .test-info, body.site-theme .test-panel, body.site-theme .game-card, body.site-theme .sponsor-card, body.site-theme .doc-viewer-wrapper, body.site-theme .ranking-container, body.site-theme .comment-modal-content, body.site-theme .password-modal-content, body.site-theme .modal-content, body.site-theme .message-item, body.site-theme .contact-message-form, body.site-theme .class-wall-grid > *, body.site-theme .messages-list > *, body.site-theme .comment-list > * {
  isolation: isolate;
  background: var(--card-bg-soft);
  border: 1px solid var(--card-border);
  box-shadow: var(--shadow);
  backdrop-filter: blur(16px);
  position: relative;
  overflow: hidden;
}

body.site-theme .hero-panel {
  background: linear-gradient(#170c29f5, #0a0613f0), radial-gradient(circle at 100% 0, #d946ef1f, #0000 34%);
  border-radius: 32px;
  padding: clamp(28px, 4vw, 42px);
  box-shadow: 0 26px 80px #06021275;
}

body.site-theme .hero-signature-stage {
  --hero-signature-rotate: 0deg;
  --hero-signature-rotate-alt: 0deg;
  --hero-signature-shift-x: 0px;
  --hero-signature-shift-y: 0px;
  --hero-signature-tilt: 0deg;
  --hero-signature-progress: 0;
  --hero-signature-pulse-strength: .5;
  z-index: 0;
  pointer-events: none;
  opacity: .92;
  position: absolute;
  inset: -8% -7% -18% 46%;
}

body.site-theme .hero-signature-core, body.site-theme .hero-signature-node, body.site-theme .hero-signature-chip-row {
  position: absolute;
}

body.site-theme .hero-signature-core {
  transform: translate3d(var(--hero-signature-shift-x), var(--hero-signature-shift-y), 0)
        rotateZ(var(--hero-signature-tilt));
  transform-origin: center;
  inset: 2% 4% 18% 6%;
}

body.site-theme .hero-signature-core:before, body.site-theme .hero-signature-core:after {
  content: "";
  border-radius: 50%;
  position: absolute;
}

body.site-theme .hero-signature-core:before {
  background: radial-gradient(circle, rgba(192, 132, 252, calc(.12 + (var(--hero-signature-pulse-strength) * .16))), transparent 62%),
        radial-gradient(circle at 52% 54%, #d946ef29, transparent 64%);
  filter: blur(2px);
  inset: 16% 14% 18% 12%;
}

body.site-theme .hero-signature-core:after {
  border: 1px solid #d946ef29;
  inset: 28% 26% 30% 24%;
  box-shadow: 0 0 30px #c084fc1f, inset 0 0 0 1px #ffffff05;
}

body.site-theme .hero-signature-ring, body.site-theme .hero-signature-sweep, body.site-theme .hero-signature-pulse {
  border-radius: 50%;
  position: absolute;
}

body.site-theme .hero-signature-ring {
  border: 1px solid #ad85ff24;
  box-shadow: 0 0 20px #a855f714, inset 0 0 0 1px #ffffff05;
}

body.site-theme .hero-signature-ring-a {
  transform: rotate(var(--hero-signature-rotate));
  inset: 2% 3% 8% 10%;
}

body.site-theme .hero-signature-ring-b {
  transform: rotate(var(--hero-signature-rotate-alt));
  border-style: dashed;
  border-color: #d946ef2e;
  inset: 16% 18% 24% 20%;
}

body.site-theme .hero-signature-ring-c {
  opacity: calc(.56 + (var(--hero-signature-progress) * .24));
  transform: rotate(var(--hero-signature-rotate-alt));
  border-color: #e9d5ff29;
  inset: 24% 28% 32% 32%;
}

body.site-theme .hero-signature-sweep {
  background: conic-gradient(from var(--hero-signature-rotate), #d946ef00, #d946ef2e, #c084fc05, #d946ef00);
  filter: blur(10px);
  opacity: calc(.4 + (var(--hero-signature-progress) * .24));
  inset: 10% 10% 16% 14%;
}

body.site-theme .hero-signature-pulse {
  transform: scale(calc(.92 + (var(--hero-signature-pulse-strength) * .18)));
  opacity: calc(.36 + (var(--hero-signature-pulse-strength) * .26));
  filter: blur(4px);
  background: radial-gradient(circle, #ffffff1f, #d946ef24 32%, #0000 72%);
  inset: 30% 30% 34%;
}

body.site-theme .hero-signature-node {
  backdrop-filter: blur(14px);
  background: linear-gradient(#160c27e0, #090512d6), radial-gradient(circle at 100% 0, #d946ef29, #0000 42%);
  border: 1px solid #ad85ff1f;
  border-radius: 18px;
  min-width: 176px;
  max-width: 210px;
  padding: 14px 16px;
  box-shadow: 0 18px 44px #06021047, inset 0 1px #ffffff0a;
}

body.site-theme .hero-signature-node-primary {
  transform: translate3d(calc(var(--hero-signature-shift-x) * .18), calc(var(--hero-signature-shift-y) * -.1), 0);
  top: 5%;
  right: 4%;
}

body.site-theme .hero-signature-node-secondary {
  transform: translate3d(calc(var(--hero-signature-shift-x) * -.12), calc(var(--hero-signature-shift-y) * .12), 0);
  bottom: 24%;
  right: 14%;
}

body.site-theme .hero-signature-node-label, body.site-theme .hero-signature-node-meta {
  display: block;
}

body.site-theme .hero-signature-node-label {
  color: #e9d5ffb8;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: .7rem;
  font-weight: 700;
}

body.site-theme .hero-signature-node strong {
  color: #fbf7ff;
  margin-bottom: 6px;
  font-size: 1rem;
  line-height: 1.3;
  display: block;
}

body.site-theme .hero-signature-node-meta {
  color: #f5f1ff8f;
  font-size: .78rem;
  line-height: 1.5;
}

body.site-theme .hero-signature-chip-row {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  max-width: 320px;
  display: flex;
  bottom: 4%;
  right: 8%;
}

body.site-theme .hero-signature-chip {
  color: #f5f1ff8f;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #ffffff0d;
  border: 1px solid #ad85ff1f;
  border-radius: 999px;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  font-size: .76rem;
  font-weight: 700;
  transition: color .32s, transform .32s, border-color .32s, background .32s, box-shadow .32s;
  display: inline-flex;
}

body.site-theme .hero-signature-chip.is-active {
  color: #f6e9ff;
  background: linear-gradient(135deg, #8b5cf638, #d946ef33);
  border-color: #d946ef47;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px #0b031a3d;
}

body.site-theme .hero-panel:before, body.site-theme .hero-showcase-card:before, body.site-theme .quick-link-card:before, body.site-theme .project-spotlight-card:before, body.site-theme .update-card:before, body.site-theme .explore-card:before, body.site-theme .milestone-card:before, body.site-theme .process-card:before, body.site-theme .contact-card:before, body.site-theme .contact-cta-panel:before {
  content: "";
  border-radius: inherit;
  opacity: .6;
  pointer-events: none;
  background: linear-gradient(#ffffff14, #0000 24%);
  position: absolute;
  inset: 1px;
}

body.site-theme .hero-panel > *, body.site-theme .hero-showcase-card > *, body.site-theme .quick-link-card > *, body.site-theme .project-spotlight-card > *, body.site-theme .update-card > *, body.site-theme .explore-card > *, body.site-theme .milestone-card > *, body.site-theme .process-card > *, body.site-theme .contact-card > *, body.site-theme .contact-cta-panel > * {
  z-index: 1;
  position: relative;
}

body.site-theme .hero-status-row {
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
  display: flex;
}

body.site-theme .hero-status-pill {
  min-height: 36px;
  color: var(--accent-soft);
  letter-spacing: .14em;
  text-transform: uppercase;
  background: #8b5cf624;
  border: 1px solid #c084fc42;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-size: .78rem;
  font-weight: 700;
  display: inline-flex;
}

body.site-theme .hero-status-pill:before {
  content: "";
  background: currentColor;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 12px;
}

body.site-theme .hero-status-pill-muted {
  color: #f5f1ffb8;
  background: #ffffff0d;
  border-color: #ad85ff29;
}

body.site-theme .hero-status-pill-muted:before {
  opacity: .6;
}

body.site-theme .hero-eyebrow {
  color: #ffffffad;
  text-transform: uppercase;
  letter-spacing: .18em;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  font-size: .88rem;
  display: inline-flex;
}

body.site-theme .hero-eyebrow-line {
  background: linear-gradient(90deg, var(--primary-color), transparent);
  width: 48px;
  height: 1px;
}

body.site-theme .hero h1 {
  margin-bottom: 18px;
  font-size: clamp(2.8rem, 6.4vw, 5.2rem);
  line-height: .94;
}

body.site-theme .hero-title-line {
  display: block;
}

body.site-theme .hero-title-line.accent {
  color: #f8f2ff;
  text-shadow: 0 10px 40px #c084fc1f;
  margin: 10px 0;
}

body.site-theme .hero-title-line:last-child {
  color: #f5f1ffe0;
}

body.site-theme .fade-in-delay, body.site-theme .fade-in-delay-2 {
  opacity: 1;
}

body.site-theme .hero-lead {
  color: #f5f1ffc7;
  max-width: 42rem;
  margin-bottom: 22px;
  font-size: clamp(1rem, 2.2vw, 1.18rem);
  line-height: 1.85;
}

body.site-theme .hero-meta {
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 24px;
  display: flex;
}

body.site-theme .hero-stat {
  background: #ffffff0a;
  border: 1px solid #ad85ff1f;
  border-radius: 20px;
  min-width: 140px;
  padding: 14px 18px;
  transition: transform .35s, border-color .35s, box-shadow .35s, background .35s;
  position: relative;
  overflow: hidden;
}

body.site-theme .hero-stat:after {
  content: "";
  opacity: 0;
  filter: blur(6px);
  background: radial-gradient(circle, #d946ef42, #0000 70%);
  border-radius: 50%;
  width: 120px;
  height: 120px;
  transition: opacity .35s, transform .35s;
  position: absolute;
  inset: auto -18% -52% auto;
}

body.site-theme .hero-stat strong {
  color: #fff;
  font-size: 1.4rem;
  transition: color .35s, text-shadow .35s, transform .35s;
  display: block;
}

body.site-theme .hero-stat span {
  color: #f5f1ffa3;
  margin-top: 4px;
  font-size: .9rem;
  transition: color .35s;
  display: block;
}

body.site-theme .hero-stat.is-stat-active {
  background: linear-gradient(#190c2af5, #0a0512f0);
  border-color: #d946ef57;
  transform: translateY(-4px);
  box-shadow: 0 24px 60px #0702126b, inset 0 0 0 1px #c084fc1f;
}

body.site-theme .hero-stat.is-stat-active:after {
  opacity: 1;
  transform: scale(1.08);
}

body.site-theme .hero-stat.is-stat-active strong {
  color: #f7edff;
  text-shadow: 0 0 24px #d946ef38;
  transform: translateY(-1px);
}

body.site-theme .hero-stat.is-stat-active span {
  color: #f5f1ffd1;
}

body.site-theme .hero-buttons {
  flex-wrap: wrap;
  gap: 14px;
  display: flex;
}

body.site-theme .hero-command-strip {
  background: #ffffff0a;
  border: 1px solid #ad85ff1f;
  border-radius: 22px;
  align-items: center;
  gap: 16px;
  margin-top: 28px;
  padding: 16px 18px;
  display: flex;
  box-shadow: inset 0 1px #ffffff0d;
}

body.site-theme .hero-command-prompt {
  color: #0d0718;
  letter-spacing: .18em;
  background: linear-gradient(135deg, #8b5cf6f0, #d946efeb);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 58px;
  min-height: 34px;
  padding: 0 10px;
  font-size: .76rem;
  font-weight: 800;
  display: inline-flex;
}

body.site-theme .hero-command-list {
  flex: 1;
  min-height: 24px;
  position: relative;
}

body.site-theme .hero-command-item {
  opacity: 0;
  color: #f5f1ff8a;
  letter-spacing: .04em;
  font-size: .95rem;
  transition: opacity .45s, transform .45s, color .45s;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(10px);
}

body.site-theme .hero-command-item.is-active {
  opacity: 1;
  color: var(--accent-soft);
  transform: translateY(0);
}

body.site-theme .hero-showcase {
  gap: 18px;
  padding-top: 14px;
  display: grid;
}

body.site-theme .hero-showcase-card {
  background: linear-gradient(#140a23e6, #0a0612eb);
  border-radius: 28px;
  padding: 24px;
}

body.site-theme .hero-showcase-label {
  color: var(--secondary-color);
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: .82rem;
  font-weight: 700;
}

body.site-theme .hero-showcase-card h2, body.site-theme .hero-showcase-card h3 {
  margin-bottom: 10px;
  font-size: 1.6rem;
}

body.site-theme .hero-showcase-card p {
  color: #f5f1ffb8;
  line-height: 1.75;
}

body.site-theme .hero-signal-list {
  gap: 12px;
  margin-top: 18px;
  list-style: none;
  display: grid;
}

body.site-theme .hero-signal-list li {
  color: #f5f1ffd6;
  align-items: center;
  gap: 12px;
  display: flex;
}

body.site-theme .hero-signal-list i {
  color: var(--primary-color);
}

body.site-theme .hero-showcase-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

body.site-theme .hero-showcase-link {
  text-decoration: none;
  transition: transform .35s, border-color .35s, box-shadow .35s, background .35s;
}

body.site-theme .hero-showcase-link:hover {
  transform: translateY(-3px);
}

body.site-theme .hero-showcase-link.is-cycle-active {
  background: radial-gradient(circle at 100% 0, #c084fc38, #0000 34%), linear-gradient(#150b24fa, #0a0612f5);
  border-color: #d946ef57;
  box-shadow: 0 30px 90px #09031880, inset 0 0 0 1px #c084fc29;
}

body.site-theme .hero-showcase-link span {
  color: var(--secondary-color);
  letter-spacing: .06em;
  margin-top: 16px;
  font-weight: 700;
  transition: transform .3s, color .3s;
  display: inline-flex;
}

body.site-theme .hero-showcase-link.is-cycle-active span {
  color: #f3dbff;
  transform: translateX(6px);
}

body.site-theme .scroll-indicator {
  z-index: 2;
  bottom: 28px;
}

body.site-theme .hero-transition-gate {
  z-index: 2;
  pointer-events: none;
  width: min(82vw, 1100px);
  height: 180px;
  transform: translateX(-50%) translateY(calc(var(--hero-exit-progress) * 18px));
  opacity: calc(.28 + (var(--hero-exit-progress) * .48));
  transition: opacity .28s, transform .3s;
  position: absolute;
  bottom: -52px;
  left: 50%;
}

body.site-theme .hero-transition-gate:before, body.site-theme .hero-transition-gate:after {
  content: "";
  pointer-events: none;
  border-radius: 999px 999px 0 0;
  position: absolute;
  inset: 0;
}

body.site-theme .hero-transition-gate:before {
  background: radial-gradient(circle at 50% 100%, rgba(217, 70, 239, calc(.12 + (var(--hero-exit-progress) * .18))), transparent 60%),
        linear-gradient(180deg, #ffffff05, #080312bd);
  filter: blur(10px);
}

body.site-theme .hero-transition-gate:after {
  border-top: 1px solid rgba(192, 132, 252, calc(.18 + (var(--hero-exit-progress) * .24)));
  background: linear-gradient(#ffffff0a, #0000 72%);
  inset: 28px 4% 0;
}

body.site-theme .mouse {
  border-color: #ffffff52;
}

body.site-theme .wheel {
  background: linear-gradient(180deg, var(--primary-color), var(--secondary-color));
}

body.site-theme .quick-links {
  z-index: 3;
  margin-top: -28px;
  padding-bottom: 28px;
  position: relative;
}

body.site-theme .quick-links-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

body.site-theme .quick-links-kinetic-rail {
  --quick-links-rail-offset: 0px;
  background: linear-gradient(90deg, #ad85ff1f, #d946ef29, #ad85ff1f);
  border-radius: 999px;
  margin-top: 18px;
  padding: 1px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 48px #07021238, inset 0 1px #ffffff0f;
}

body.site-theme .quick-links-kinetic-rail:before {
  content: "";
  border-radius: inherit;
  background: linear-gradient(90deg, #05020afa, #0c0616f0), radial-gradient(circle at 100% 0, #c084fc1f, #0000 42%);
  position: absolute;
  inset: 1px;
}

body.site-theme .quick-links-kinetic-viewport {
  border-radius: inherit;
  padding: 14px 0;
  position: relative;
  overflow: hidden;
  mask-image: linear-gradient(90deg, #0000 0%, #000 10% 90%, #0000 100%);
}

body.site-theme .quick-links-kinetic-track {
  z-index: 1;
  min-width: max-content;
  transform: translate3d(var(--quick-links-rail-offset), 0, 0);
  align-items: center;
  gap: 12px;
  padding: 0 18px;
  display: inline-flex;
  position: relative;
}

body.site-theme .quick-links-kinetic-chip {
  color: #f5f1ffc2;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
  background: #ffffff0a;
  border: 1px solid #ad85ff1f;
  border-radius: 999px;
  align-items: center;
  gap: 12px;
  min-height: 38px;
  padding: 0 16px;
  font-size: .8rem;
  font-weight: 700;
  display: inline-flex;
}

body.site-theme .quick-links-kinetic-dot {
  background: linear-gradient(135deg, #8b5cf6f5, #d946efeb);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 18px #c084fc3d;
}

body.site-theme .project-spotlight {
  --project-entry-progress: 0;
  --project-story-progress: 0;
  --project-story-cinema-shift: 0px;
  --project-story-stage-progress: 0;
  --project-story-stage-drift: 0px;
  --project-story-stage-tilt: 0deg;
  --project-story-stage-glow: .4;
  padding: 44px 0 18px;
  position: relative;
}

body.site-theme .project-spotlight.is-project-story-sticky {
  min-height: clamp(940px, 182vh, 1480px);
}

body.site-theme .project-story-stage {
  z-index: 2;
  margin-top: 12px;
  position: relative;
}

body.site-theme .project-story-stage-shell {
  --project-stage-shell-shift: 0px;
  grid-template-columns: minmax(240px, .38fr) minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  display: grid;
  position: relative;
}

body.site-theme .project-spotlight.is-project-story-sticky .project-story-stage-shell {
  position: sticky;
  top: 112px;
}

body.site-theme .project-story-stage-shell:before {
  content: "";
  background: linear-gradient(180deg, #d946ef0d, transparent 34%, transparent 70%, #8b5cf614),
        radial-gradient(circle at 24% 12%, rgba(217, 70, 239, calc(.08 + (var(--project-story-stage-progress) * .14))), transparent 32%);
  opacity: calc(.14 + (var(--project-story-stage-glow) * .36));
  pointer-events: none;
  border-radius: 34px;
  position: absolute;
  inset: 20px 0 0 14%;
}

body.site-theme .project-story-stage-main {
  z-index: 1;
  transform: translate3d(0, calc(var(--project-story-stage-drift) * -.12), 0);
  gap: 18px;
  transition: transform .35s;
  display: grid;
  position: relative;
}

body.site-theme .project-story-rail {
  z-index: 1;
  transform: perspective(1200px)
        translate3d(calc(var(--project-story-cinema-shift) * -.16), var(--project-stage-shell-shift), 0)
        rotateY(var(--project-story-stage-tilt));
  transform-origin: 0;
  background: linear-gradient(150deg, #ffffff0d, #0000 40%), linear-gradient(#10081feb, #06020ef5);
  border: 1px solid #ad85ff1f;
  border-radius: 28px;
  gap: 16px;
  padding: 22px 18px 18px;
  transition: transform .38s cubic-bezier(.16, 1, .3, 1), border-color .32s, box-shadow .32s;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 90px #06020f61, inset 0 1px #ffffff0d;
}

body.site-theme .project-story-rail:before, body.site-theme .project-story-rail:after {
  content: "";
  pointer-events: none;
  position: absolute;
}

body.site-theme .project-story-rail:before {
  background: radial-gradient(circle, rgba(217, 70, 239, calc(.08 + (var(--project-story-stage-progress) * .16))), transparent 64%);
  filter: blur(10px);
  border-radius: 50%;
  width: 220px;
  height: 220px;
  inset: -14% auto auto -18%;
}

body.site-theme .project-story-rail:after {
  opacity: .9;
  background: linear-gradient(#d946ef00, #d946ef33, #8b5cf600);
  width: 1px;
  inset: 0 auto 0 22px;
}

body.site-theme .project-story-rail > * {
  z-index: 1;
  position: relative;
}

body.site-theme .project-story-rail-head {
  justify-content: space-between;
  align-items: end;
  gap: 12px;
  display: flex;
}

body.site-theme .project-story-rail-kicker {
  color: #d6c6ee9e;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 700;
}

body.site-theme .project-story-rail-index {
  color: #f1dfff3d;
  letter-spacing: -.06em;
  font-size: clamp(2.1rem, 4vw, 3.4rem);
  font-weight: 800;
  line-height: .86;
}

body.site-theme .project-story-rail-copy {
  gap: 8px;
  display: grid;
}

body.site-theme .project-story-rail-pill {
  color: #f7edffd6;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: #a855f714;
  border: 1px solid #d946ef2e;
  border-radius: 999px;
  justify-self: start;
  padding: 7px 12px;
  font-size: .72rem;
  font-weight: 700;
}

body.site-theme .project-story-rail-title {
  color: #f9f4fff5;
  font-size: clamp(1.1rem, 1.6vw, 1.4rem);
  line-height: 1.2;
}

body.site-theme .project-story-rail-note {
  color: #d6c6eeb8;
  margin: 0;
  line-height: 1.7;
}

body.site-theme .project-story-rail-meter {
  background: #ffffff0f;
  border-radius: 999px;
  height: 4px;
  position: relative;
  overflow: hidden;
}

body.site-theme .project-story-rail-meter-fill {
  width: calc(var(--project-story-progress) * 100%);
  border-radius: inherit;
  background: linear-gradient(90deg, #8b5cf6fa, #d946efeb);
  transition: width .18s linear;
  position: absolute;
  inset: 0 auto 0 0;
  box-shadow: 0 0 20px #c084fc47;
}

body.site-theme .project-story-rail-scenes {
  gap: 10px;
  display: grid;
}

body.site-theme .project-story-rail-scene {
  --scene-shift: 0px;
  --scene-focus: 0;
  color: #f5f1ffad;
  cursor: pointer;
  transform: translate3d(var(--scene-shift), 0, 0) scale(calc(.94 + (var(--scene-focus) * .08)));
  opacity: calc(.36 + (var(--scene-focus) * .64));
  background: #ffffff08;
  border: 1px solid #ad85ff1a;
  border-radius: 18px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  transition: transform .34s cubic-bezier(.16, 1, .3, 1), opacity .3s, border-color .3s, background .3s, color .3s;
  display: grid;
}

body.site-theme .project-story-rail-scene:hover {
  background: #a855f714;
  border-color: #d946ef33;
}

body.site-theme .project-story-rail-scene-index {
  color: #f1dfff57;
  letter-spacing: -.04em;
  min-width: 34px;
  font-size: 1.05rem;
  font-weight: 800;
}

body.site-theme .project-story-rail-scene-copy {
  gap: 4px;
  min-width: 0;
  display: grid;
}

body.site-theme .project-story-rail-scene-copy strong, body.site-theme .project-story-rail-scene-copy span {
  min-width: 0;
  display: block;
}

body.site-theme .project-story-rail-scene-copy strong {
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: .72rem;
}

body.site-theme .project-story-rail-scene-copy span {
  font-size: .9rem;
  line-height: 1.45;
}

body.site-theme .project-story-rail-scene.is-active {
  color: #f7edffeb;
  background: #a855f71f;
  border-color: #d946ef42;
  box-shadow: 0 14px 36px #08031547;
}

body.site-theme .project-story-rail-scene.is-past {
  color: #f5f1ffd1;
}

body.site-theme .project-story-rail-scene.is-next {
  color: #d6c6ee94;
}

body.site-theme .project-story-caption {
  z-index: 2;
  background: linear-gradient(135deg, #ffffff0d, #0000 46%), linear-gradient(#120a21e0, #07030feb);
  border: 1px solid #ad85ff24;
  border-radius: 24px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  margin: -6px 0 20px;
  padding: 18px 22px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 65px #06021052, inset 0 1px #ffffff0d;
}

body.site-theme .project-story-caption:before {
  content: "";
  background: radial-gradient(circle, rgba(217, 70, 239, calc(.08 + (var(--project-story-progress) * .18))), transparent 66%);
  filter: blur(12px);
  pointer-events: none;
  width: 220px;
  height: 220px;
  transform: translate3d(calc(var(--project-story-cinema-shift) * .24), 0, 0);
  border-radius: 50%;
  position: absolute;
  inset: -18% auto auto -5%;
}

body.site-theme .project-story-caption-meta, body.site-theme .project-story-caption-copy {
  z-index: 1;
  position: relative;
}

body.site-theme .project-story-caption-meta {
  justify-items: start;
  gap: 8px;
  min-width: 88px;
  display: grid;
}

body.site-theme .project-story-caption-index {
  color: #f1dfff47;
  letter-spacing: -.06em;
  font-size: clamp(2.4rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: .86;
}

body.site-theme .project-story-caption-pill {
  color: #f7edffd6;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: #a855f714;
  border: 1px solid #d946ef2e;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: .72rem;
  font-weight: 700;
}

body.site-theme .project-story-caption-copy {
  gap: 6px;
  display: grid;
}

body.site-theme .project-story-caption-label {
  color: #d6c6eea8;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin: 0;
  font-size: .72rem;
}

body.site-theme .project-story-caption-title {
  color: #faf6fff5;
  margin: 0;
  font-size: clamp(1.3rem, 2vw, 1.8rem);
}

body.site-theme .project-story-caption-note {
  color: #d6c6eeb8;
  max-width: 62ch;
  margin: 0;
  line-height: 1.7;
}

body.site-theme .project-story-caption.is-caption-shift .project-story-caption-title, body.site-theme .project-story-caption.is-caption-shift .project-story-caption-note, body.site-theme .project-story-caption.is-caption-shift .project-story-caption-pill {
  animation: .44s projectCaptionShift;
}

body.site-theme .project-story-stage.is-stage-shift .project-story-rail-title, body.site-theme .project-story-stage.is-stage-shift .project-story-rail-note, body.site-theme .project-story-stage.is-stage-shift .project-story-rail-pill {
  animation: .48s projectRailShift;
}

body.site-theme .section-scene-panel {
  z-index: 2;
  opacity: calc(.62 + (var(--scene-panel-focus, 0) * .34));
  transform: translate3d(calc(var(--phase-drift) * .08), calc((1 - var(--scene-panel-focus, 0)) * 18px), 0);
  background: linear-gradient(135deg, #ffffff0d, #0000 44%), linear-gradient(#10091ddb, #07030fe6);
  border: 1px solid #ad85ff1f;
  border-radius: 24px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  margin: -6px 0 22px;
  padding: 18px 20px;
  transition: opacity .3s, transform .34s, border-color .3s, box-shadow .34s;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 65px #05020e47, inset 0 1px #ffffff0d;
}

body.site-theme .section-scene-panel:before {
  content: "";
  background: radial-gradient(circle, rgba(217, 70, 239, calc(.06 + (var(--scene-panel-progress, 0) * .16))), transparent 70%);
  filter: blur(12px);
  pointer-events: none;
  width: 210px;
  height: 210px;
  transform: translate3d(calc(var(--phase-drift) * .18), 0, 0);
  border-radius: 50%;
  position: absolute;
  inset: -20% auto auto -4%;
}

body.site-theme .section-scene-panel > * {
  z-index: 1;
  position: relative;
}

body.site-theme .section-scene-panel-index {
  color: #f1dfff3d;
  letter-spacing: -.06em;
  min-width: 58px;
  font-size: clamp(2rem, 4.2vw, 3.2rem);
  font-weight: 800;
  line-height: .86;
}

body.site-theme .section-scene-panel-copy {
  gap: 6px;
  min-width: 0;
  display: grid;
}

body.site-theme .section-scene-panel-kicker {
  color: #d6c6ee9e;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin: 0;
  font-size: .72rem;
}

body.site-theme .section-scene-panel-title {
  color: #f9f4fff5;
  margin: 0;
  font-size: clamp(1.15rem, 1.8vw, 1.55rem);
}

body.site-theme .section-scene-panel-note {
  color: #d6c6eeb8;
  margin: 0;
  line-height: 1.7;
}

body.site-theme .section-scene-panel-meter {
  background: #ffffff0f;
  border-radius: 999px;
  width: min(100%, 260px);
  height: 2px;
  overflow: hidden;
}

body.site-theme .section-scene-panel-meter-fill {
  width: calc(var(--scene-panel-progress, 0) * 100%);
  border-radius: inherit;
  background: linear-gradient(90deg, #8b5cf6f5, #d946efeb);
  height: 100%;
  transition: width .2s linear;
  display: block;
  box-shadow: 0 0 16px #c084fc3d;
}

body.site-theme .section-scene-panel-state {
  color: #f7edffd1;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: #ffffff08;
  border: 1px solid #ad85ff24;
  border-radius: 999px;
  justify-self: end;
  min-width: 54px;
  padding: 8px 10px;
  font-size: .74rem;
  font-weight: 700;
  transition: background .28s, border-color .28s, transform .28s;
}

body.site-theme .section-scene-panel.is-scene-panel-active {
  border-color: #d946ef33;
  box-shadow: 0 28px 80px #07021257, inset 0 0 0 1px #c084fc14;
}

body.site-theme .section-scene-panel.is-scene-panel-active .section-scene-panel-state {
  background: #a855f71f;
  border-color: #d946ef3d;
  transform: translateY(-2px);
}

body.site-theme .section-scene-panel.is-scene-panel-past .section-scene-panel-state {
  color: #f5f1ffad;
}

body.site-theme .project-spotlight-grid {
  --project-story-progress: 0;
  transform: translate3d(var(--project-story-cinema-shift), 0, 0);
  grid-template-columns: minmax(0, 1.15fr) repeat(2, minmax(0, .92fr));
  gap: 18px;
  transition: transform .35s;
  display: grid;
}

body.site-theme .project-spotlight-card {
  box-shadow: var(--shadow);
  --story-shift-x: 0px;
  --story-shift-y: 0px;
  --story-rotate: 0deg;
  --story-scale: 1;
  --story-depth: 0;
  transform: perspective(1400px)
        translate3d(var(--story-shift-x), var(--story-shift-y), 0)
        rotateY(var(--story-rotate))
        scale(var(--story-scale));
  background: linear-gradient(#140a23eb, #090511f2);
  border: 1px solid #ad85ff24;
  border-radius: 30px;
  gap: 18px;
  padding: 28px;
  display: grid;
}

body.site-theme .auto-spotlight-card {
  transition: transform .35s, border-color .35s, box-shadow .4s, background .35s;
}

body.site-theme .project-story-card {
  transition: transform .45s cubic-bezier(.16, 1, .3, 1), opacity .35s, border-color .35s, box-shadow .4s, background .35s;
  position: relative;
  overflow: hidden;
}

body.site-theme .project-story-card:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, calc(var(--story-depth) * .05)), transparent 34%),
        radial-gradient(circle at 100% 0%, rgba(217, 70, 239, calc(var(--story-depth) * .18)), transparent 34%);
  opacity: calc(.18 + (var(--story-depth) * .42));
  transition: opacity .35s;
  position: absolute;
  inset: 0;
}

body.site-theme .project-story-card.is-project-focus {
  --story-shift-y: -12px;
  border-color: #d946ef57;
  box-shadow: 0 36px 100px #0803158a, inset 0 0 0 1px #c084fc1f;
}

body.site-theme .project-story-card.is-project-scene {
  background: linear-gradient(#1a0d2df5, #0a0513fa);
}

body.site-theme .project-story-card.is-project-past {
  filter: saturate(.96) brightness(.96);
}

body.site-theme .project-story-card.is-project-next {
  filter: saturate(.82) brightness(.88);
}

body.site-theme .project-story-card.is-project-focus .project-pill, body.site-theme .project-story-card.is-project-focus .project-year {
  border-color: #d946ef47;
  box-shadow: 0 0 18px #c084fc29;
}

body.site-theme .project-story-card.is-project-focus .btn {
  transform: translateX(4px);
}

body.site-theme .project-story-progress {
  background: #ffffff0a;
  border: 1px solid #ad85ff1f;
  border-radius: 22px;
  gap: 12px;
  margin-top: 20px;
  padding: 16px 18px;
  display: grid;
  position: relative;
  box-shadow: inset 0 1px #ffffff0d;
}

body.site-theme .project-story-track {
  background: #ffffff0f;
  border-radius: 999px;
  height: 4px;
  position: relative;
  overflow: hidden;
}

body.site-theme .project-story-fill {
  width: calc(var(--project-story-progress) * 100%);
  border-radius: inherit;
  background: linear-gradient(90deg, #8b5cf6fa, #d946efeb);
  transition: width .18s linear;
  position: absolute;
  inset: 0 auto 0 0;
  box-shadow: 0 0 20px #c084fc47;
}

body.site-theme .project-story-steps {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

body.site-theme .project-story-step {
  color: #f5f1ff9e;
  background: #ffffff08;
  border: 1px solid #ad85ff14;
  border-radius: 16px;
  justify-items: start;
  gap: 6px;
  padding: 10px 12px;
  transition: transform .3s, border-color .3s, background .3s, color .3s;
  display: grid;
}

body.site-theme .project-story-step strong {
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: .72rem;
}

body.site-theme .project-story-step span {
  color: inherit;
  font-size: .88rem;
}

body.site-theme .project-story-step.is-active {
  color: #f7edffe6;
  background: #a855f71f;
  border-color: #d946ef42;
  transform: translateY(-2px);
}

body.site-theme .project-story-step.is-past {
  color: #f5f1ffcc;
  border-color: #ad85ff24;
}

body.site-theme .project-entry-portal {
  z-index: 1;
  pointer-events: none;
  width: min(360px, 62vw);
  height: 120px;
  transform: translateX(-50%) translateY(calc((1 - var(--project-entry-progress)) * 24px));
  opacity: calc(.18 + (var(--project-entry-progress) * .5));
  transition: opacity .28s, transform .3s;
  position: absolute;
  top: -34px;
  left: 50%;
}

body.site-theme .project-entry-portal:before, body.site-theme .project-entry-portal:after {
  content: "";
  pointer-events: none;
  border-radius: 999px;
  position: absolute;
  inset: 0;
}

body.site-theme .project-entry-portal:before {
  filter: blur(10px);
  background: radial-gradient(circle, #d946ef38, #0000 54%), radial-gradient(circle, #8b5cf61f, #0000 72%);
}

body.site-theme .project-entry-portal:after {
  border: 1px solid rgba(192, 132, 252, calc(.14 + (var(--project-entry-progress) * .28)));
  box-shadow: 0 0 24px rgba(192, 132, 252, calc(var(--project-entry-progress) * .14)),
        inset 0 0 20px #c084fc0a;
  transform: scale(calc(.88 + (var(--project-entry-progress) * .12)));
  inset: 26px 12%;
}

body.site-theme .auto-spotlight-card.is-auto-spotlight {
  border-color: #d946ef4d;
  transform: translateY(-6px);
  box-shadow: 0 34px 95px #08031580, inset 0 0 0 1px #c084fc1f;
}

body.site-theme .project-spotlight-card.is-auto-spotlight, body.site-theme .explore-card.is-auto-spotlight, body.site-theme .milestone-card.is-auto-spotlight, body.site-theme .contact-card.is-auto-spotlight {
  background: radial-gradient(circle at 100% 0, #c084fc38, #0000 32%), linear-gradient(#150b24fa, #0a0512f5);
}

body.site-theme .auto-spotlight-card.is-auto-spotlight .project-pill, body.site-theme .auto-spotlight-card.is-auto-spotlight .explore-badge, body.site-theme .auto-spotlight-card.is-auto-spotlight .milestone-number, body.site-theme .auto-spotlight-card.is-auto-spotlight .contact-card-icon {
  background: #a855f72e;
  border-color: #d946ef57;
  box-shadow: 0 0 22px #c084fc33;
}

body.site-theme .auto-spotlight-card.is-auto-spotlight .project-year, body.site-theme .auto-spotlight-card.is-auto-spotlight .explore-state {
  color: #f8f2ffe0;
  border-color: #c084fc42;
}

body.site-theme .auto-spotlight-card.is-auto-spotlight .btn, body.site-theme .auto-spotlight-card.is-auto-spotlight .explore-link-list a, body.site-theme .auto-spotlight-card.is-auto-spotlight .contact-link {
  transform: translateX(4px);
}

body.site-theme .project-spotlight-primary {
  background: radial-gradient(circle at 100% 0, #c084fc24, #0000 28%), linear-gradient(#140a23f2, #090511fa);
}

body.site-theme .project-spotlight-meta {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

body.site-theme .project-pill, body.site-theme .project-year {
  letter-spacing: .12em;
  text-transform: uppercase;
  border-radius: 999px;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  font-size: .78rem;
  font-weight: 700;
  display: inline-flex;
}

body.site-theme .project-pill {
  color: #e9d5ff;
  background: #c084fc1f;
  border: 1px solid #c084fc42;
}

body.site-theme .project-year {
  color: #f5f1ffb8;
  background: #ffffff0a;
  border: 1px solid #ad85ff1f;
}

body.site-theme .project-spotlight-card h3 {
  color: #f8f2ff;
  margin: 0;
  font-size: clamp(1.45rem, 2vw, 2rem);
}

body.site-theme .project-spotlight-card p {
  color: #f5f1ffbd;
  margin: 0;
  line-height: 1.8;
}

body.site-theme .project-spotlight-list {
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

body.site-theme .project-spotlight-list li {
  color: #f5f1ffd1;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

body.site-theme .project-spotlight-list i {
  color: var(--primary-color);
  margin-top: 3px;
}

body.site-theme .project-spotlight-actions {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: auto;
  display: flex;
}

body.site-theme .recent-updates {
  --updates-story-progress: 0;
  --updates-story-shift: 0px;
  --updates-story-tilt: 0deg;
  --updates-story-glow: .32;
  padding: 34px 0 18px;
  position: relative;
}

body.site-theme .recent-updates.is-updates-story-sticky {
  min-height: clamp(900px, 170vh, 1380px);
}

body.site-theme .updates-story-stage {
  z-index: 2;
  margin-top: 12px;
  position: relative;
}

body.site-theme .updates-story-stage-shell {
  --updates-stage-shell-shift: 0px;
  grid-template-columns: minmax(236px, .36fr) minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  display: grid;
  position: relative;
}

body.site-theme .recent-updates.is-updates-story-sticky .updates-story-stage-shell {
  position: sticky;
  top: 118px;
}

body.site-theme .updates-story-stage-shell:before {
  content: "";
  background: linear-gradient(180deg, #d946ef0a, transparent 34%, transparent 68%, #8b5cf614),
        radial-gradient(circle at 18% 12%, rgba(217, 70, 239, calc(.08 + (var(--updates-story-progress) * .12))), transparent 32%);
  opacity: calc(.14 + (var(--updates-story-glow) * .34));
  pointer-events: none;
  border-radius: 34px;
  position: absolute;
  inset: 20px 0 0 12%;
}

body.site-theme .updates-story-main {
  z-index: 1;
  transform: translate3d(0, calc(var(--updates-story-shift) * -.12), 0);
  transition: transform .35s;
  position: relative;
}

body.site-theme .updates-story-hud {
  z-index: 1;
  transform: perspective(1200px)
        translate3d(calc(var(--updates-story-shift) * -.18), var(--updates-stage-shell-shift), 0)
        rotateY(var(--updates-story-tilt));
  transform-origin: 0;
  background: linear-gradient(150deg, #ffffff0d, #0000 40%), linear-gradient(#10081feb, #06020ef5);
  border: 1px solid #ad85ff1f;
  border-radius: 28px;
  gap: 16px;
  padding: 22px 18px 18px;
  transition: transform .38s cubic-bezier(.16, 1, .3, 1), border-color .32s, box-shadow .32s;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 90px #06020f5c, inset 0 1px #ffffff0d;
}

body.site-theme .updates-story-hud:before, body.site-theme .updates-story-hud:after {
  content: "";
  pointer-events: none;
  position: absolute;
}

body.site-theme .updates-story-hud:before {
  background: radial-gradient(circle, rgba(217, 70, 239, calc(.08 + (var(--updates-story-progress) * .16))), transparent 64%);
  filter: blur(10px);
  border-radius: 50%;
  width: 210px;
  height: 210px;
  inset: -16% auto auto -18%;
}

body.site-theme .updates-story-hud:after {
  opacity: .9;
  background: linear-gradient(#d946ef00, #d946ef33, #8b5cf600);
  width: 1px;
  inset: 0 auto 0 22px;
}

body.site-theme .updates-story-hud > * {
  z-index: 1;
  position: relative;
}

body.site-theme .updates-story-hud-head {
  justify-content: space-between;
  align-items: end;
  gap: 12px;
  display: flex;
}

body.site-theme .updates-story-hud-kicker {
  color: #d6c6ee9e;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 700;
}

body.site-theme .updates-story-hud-index {
  color: #f1dfff3d;
  letter-spacing: -.06em;
  font-size: clamp(2.1rem, 4vw, 3.4rem);
  font-weight: 800;
  line-height: .86;
}

body.site-theme .updates-story-hud-copy {
  gap: 8px;
  display: grid;
}

body.site-theme .updates-story-hud-pill {
  color: #f7edffd6;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: #a855f714;
  border: 1px solid #d946ef2e;
  border-radius: 999px;
  justify-self: start;
  padding: 7px 12px;
  font-size: .72rem;
  font-weight: 700;
}

body.site-theme .updates-story-hud-title {
  color: #f9f4fff5;
  font-size: clamp(1.08rem, 1.55vw, 1.36rem);
  line-height: 1.24;
}

body.site-theme .updates-story-hud-note {
  color: #d6c6eeb8;
  margin: 0;
  line-height: 1.7;
}

body.site-theme .updates-story-hud-meter {
  background: #ffffff0f;
  border-radius: 999px;
  height: 4px;
  position: relative;
  overflow: hidden;
}

body.site-theme .updates-story-hud-meter-fill {
  width: calc(var(--updates-story-progress) * 100%);
  border-radius: inherit;
  background: linear-gradient(90deg, #8b5cf6fa, #d946efeb);
  transition: width .18s linear;
  position: absolute;
  inset: 0 auto 0 0;
  box-shadow: 0 0 20px #c084fc47;
}

body.site-theme .updates-story-scenes {
  gap: 10px;
  display: grid;
}

body.site-theme .updates-story-scene {
  --scene-shift: 0px;
  --scene-focus: 0;
  color: #f5f1ffad;
  cursor: pointer;
  transform: translate3d(var(--scene-shift), 0, 0) scale(calc(.94 + (var(--scene-focus) * .08)));
  opacity: calc(.36 + (var(--scene-focus) * .64));
  background: #ffffff08;
  border: 1px solid #ad85ff1a;
  border-radius: 18px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  transition: transform .34s cubic-bezier(.16, 1, .3, 1), opacity .3s, border-color .3s, background .3s, color .3s;
  display: grid;
}

body.site-theme .updates-story-scene:hover {
  background: #a855f714;
  border-color: #d946ef33;
}

body.site-theme .updates-story-scene-index {
  color: #f1dfff57;
  letter-spacing: -.04em;
  min-width: 34px;
  font-size: 1.05rem;
  font-weight: 800;
}

body.site-theme .updates-story-scene-copy {
  gap: 4px;
  min-width: 0;
  display: grid;
}

body.site-theme .updates-story-scene-copy strong, body.site-theme .updates-story-scene-copy span {
  min-width: 0;
  display: block;
}

body.site-theme .updates-story-scene-copy strong {
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: .72rem;
}

body.site-theme .updates-story-scene-copy span {
  font-size: .9rem;
  line-height: 1.45;
}

body.site-theme .updates-story-scene.is-active {
  color: #f7edffeb;
  background: #a855f71f;
  border-color: #d946ef42;
  box-shadow: 0 14px 36px #08031547;
}

body.site-theme .updates-story-scene.is-past {
  color: #f5f1ffd1;
}

body.site-theme .updates-story-scene.is-next {
  color: #d6c6ee94;
}

body.site-theme .explore-matrix {
  padding: 34px 0 12px;
  position: relative;
}

body.site-theme .updates-timeline {
  --updates-progress: 0%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  display: grid;
  position: relative;
}

body.site-theme .updates-timeline:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #c084fc38, #a855f72e);
  height: 1px;
  position: absolute;
  inset: 26px 0 auto;
}

body.site-theme .updates-timeline:after {
  content: "";
  height: 2px;
  width: var(--updates-progress);
  pointer-events: none;
  background: linear-gradient(90deg, #8b5cf6fa, #d946efeb);
  transition: width .18s linear;
  position: absolute;
  inset: 26px auto auto 0;
  box-shadow: 0 0 20px #c084fc52;
}

body.site-theme .update-card {
  box-shadow: var(--shadow);
  --card-progress: 0;
  --update-scene-shift-x: 0px;
  --update-scene-shift-y: 0px;
  --update-scene-rotate: 0deg;
  --update-scene-scale: 1;
  --update-scene-depth: 0;
  transform: perspective(1200px)
        translate3d(var(--update-scene-shift-x), var(--update-scene-shift-y), 0)
        rotateY(var(--update-scene-rotate))
        scale(var(--update-scene-scale));
  background: linear-gradient(#11091eeb, #090510f2);
  border: 1px solid #ad85ff1f;
  border-radius: 28px;
  gap: 16px;
  padding: 28px;
  transition: transform .42s cubic-bezier(.16, 1, .3, 1), opacity .3s, border-color .3s, box-shadow .36s, background .34s;
  display: grid;
  position: relative;
  overflow: hidden;
}

body.site-theme .update-card:before {
  content: "";
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
  border-radius: 50%;
  width: 18px;
  height: 18px;
  transition: transform .28s, box-shadow .28s, background .28s;
  position: absolute;
  top: -10px;
  left: 28px;
  box-shadow: 0 0 0 6px #0a0612f5;
}

body.site-theme .update-card:after, body.site-theme .process-card:after {
  content: "";
  border-radius: inherit;
  opacity: calc(var(--card-progress) * .95);
  pointer-events: none;
  background: radial-gradient(circle at 100% 0, #d946ef29, #0000 42%), radial-gradient(circle at 0, #8b5cf624, #0000 38%);
  transition: opacity .28s;
  position: absolute;
  inset: 1px;
}

body.site-theme .update-date {
  color: #f5f1ffc2;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: #ffffff0a;
  border: 1px solid #ad85ff1f;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-height: 34px;
  padding: 0 12px;
  font-size: .78rem;
  font-weight: 700;
  transition: transform .28s, background .28s, border-color .28s, color .28s, box-shadow .28s;
  display: inline-flex;
}

body.site-theme .update-card h3 {
  color: #f8f2ff;
  margin: 0;
  font-size: 1.35rem;
}

body.site-theme .update-card p {
  color: #f5f1ffb8;
  margin: 0;
  line-height: 1.8;
}

body.site-theme .update-story-card.is-update-scene {
  background: radial-gradient(circle at 100% 0, #c084fc29, #0000 34%), linear-gradient(#160b26f5, #0a0512fa);
  border-color: #d946ef47;
  box-shadow: 0 34px 94px #0803156b, inset 0 0 0 1px #c084fc14;
}

body.site-theme .update-story-card.is-update-past {
  filter: saturate(.96) brightness(.97);
}

body.site-theme .update-story-card.is-update-next {
  filter: saturate(.84) brightness(.9);
}

body.site-theme .update-story-card:after {
  opacity: calc(.16 + (var(--update-scene-depth) * .68));
}

body.site-theme .updates-story-stage.is-updates-shift .updates-story-hud-title, body.site-theme .updates-story-stage.is-updates-shift .updates-story-hud-note, body.site-theme .updates-story-stage.is-updates-shift .updates-story-hud-pill {
  animation: .48s updatesHudShift;
}

body.site-theme .update-tags {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

body.site-theme .update-tags span {
  color: #efe2ffd1;
  background: #c084fc14;
  border: 1px solid #c084fc2e;
  border-radius: 999px;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  font-size: .82rem;
  display: inline-flex;
}

body.site-theme .explore-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}

body.site-theme .explore-card {
  box-shadow: var(--shadow);
  background: linear-gradient(#11091eeb, #090510f2);
  border: 1px solid #ad85ff1f;
  border-radius: 28px;
  gap: 18px;
  padding: 26px;
  display: grid;
}

body.site-theme .explore-card-primary {
  background: radial-gradient(circle at 100% 0, #c084fc29, #0000 30%), linear-gradient(#140a23f2, #090511fa);
}

body.site-theme .explore-card-meta {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

body.site-theme .explore-badge, body.site-theme .explore-state {
  letter-spacing: .12em;
  text-transform: uppercase;
  border-radius: 999px;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  font-size: .78rem;
  font-weight: 700;
  display: inline-flex;
}

body.site-theme .explore-badge {
  color: #f1dfffdb;
  background: #a855f71a;
  border: 1px solid #a855f738;
}

body.site-theme .explore-state {
  color: #f5f1ffb3;
  background: #ffffff0a;
  border: 1px solid #ad85ff1f;
}

body.site-theme .explore-card h3 {
  color: #f8f2ff;
  margin: 0;
  font-size: 1.32rem;
}

body.site-theme .explore-card p {
  color: #f5f1ffb8;
  margin: 0;
  line-height: 1.8;
}

body.site-theme .explore-link-list {
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

body.site-theme .explore-link-list a {
  color: #f5f1ff;
  background: #ffffff0a;
  border: 1px solid #ad85ff1f;
  border-radius: 18px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 0 16px;
  text-decoration: none;
  transition: transform .22s, border-color .22s, background .22s;
  display: flex;
}

body.site-theme .explore-link-list a:after {
  content: "";
  color: var(--primary-color);
  font-family: "Font Awesome 6 Free";
  font-size: .9rem;
  font-weight: 900;
}

body.site-theme .explore-link-list a:hover {
  background: #c084fc14;
  border-color: #c084fc47;
  transform: translateX(4px);
}

body.site-theme .milestone-grid {
  --honor-story-progress: 0;
  grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 28px;
  display: grid;
}

body.site-theme .honor {
  --honor-story-progress: 0;
  --honor-story-shift: 0px;
  --honor-story-tilt: 0deg;
  --honor-story-glow: .32;
}

body.site-theme .honor.is-honor-story-sticky {
  min-height: clamp(920px, 174vh, 1400px);
}

body.site-theme .honor-story-stage {
  z-index: 2;
  margin-top: 12px;
  position: relative;
}

body.site-theme .honor-story-stage-shell {
  --honor-stage-shell-shift: 0px;
  grid-template-columns: minmax(236px, .36fr) minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  display: grid;
  position: relative;
}

body.site-theme .honor.is-honor-story-sticky .honor-story-stage-shell {
  position: sticky;
  top: 118px;
}

body.site-theme .honor-story-stage-shell:before {
  content: "";
  background: linear-gradient(180deg, #d946ef0a, transparent 34%, transparent 68%, #8b5cf614),
        radial-gradient(circle at 18% 12%, rgba(217, 70, 239, calc(.08 + (var(--honor-story-progress) * .12))), transparent 32%);
  opacity: calc(.14 + (var(--honor-story-glow) * .34));
  pointer-events: none;
  border-radius: 34px;
  position: absolute;
  inset: 20px 0 0 12%;
}

body.site-theme .honor-story-main {
  z-index: 1;
  transform: translate3d(0, calc(var(--honor-story-shift) * -.12), 0);
  transition: transform .35s;
  position: relative;
}

body.site-theme .honor-story-hud {
  z-index: 1;
  transform: perspective(1200px)
        translate3d(calc(var(--honor-story-shift) * -.18), var(--honor-stage-shell-shift), 0)
        rotateY(var(--honor-story-tilt));
  transform-origin: 0;
  background: linear-gradient(150deg, #ffffff0d, #0000 40%), linear-gradient(#10081feb, #06020ef5);
  border: 1px solid #ad85ff1f;
  border-radius: 28px;
  gap: 16px;
  padding: 22px 18px 18px;
  transition: transform .38s cubic-bezier(.16, 1, .3, 1), border-color .32s, box-shadow .32s;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 90px #06020f5c, inset 0 1px #ffffff0d;
}

body.site-theme .honor-story-hud:before, body.site-theme .honor-story-hud:after {
  content: "";
  pointer-events: none;
  position: absolute;
}

body.site-theme .honor-story-hud:before {
  background: radial-gradient(circle, rgba(217, 70, 239, calc(.08 + (var(--honor-story-progress) * .16))), transparent 64%);
  filter: blur(10px);
  border-radius: 50%;
  width: 210px;
  height: 210px;
  inset: -16% auto auto -18%;
}

body.site-theme .honor-story-hud:after {
  opacity: .9;
  background: linear-gradient(#d946ef00, #d946ef33, #8b5cf600);
  width: 1px;
  inset: 0 auto 0 22px;
}

body.site-theme .honor-story-hud > * {
  z-index: 1;
  position: relative;
}

body.site-theme .honor-story-hud-head {
  justify-content: space-between;
  align-items: end;
  gap: 12px;
  display: flex;
}

body.site-theme .honor-story-hud-kicker {
  color: #d6c6ee9e;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 700;
}

body.site-theme .honor-story-hud-index {
  color: #f1dfff3d;
  letter-spacing: -.06em;
  font-size: clamp(2.1rem, 4vw, 3.4rem);
  font-weight: 800;
  line-height: .86;
}

body.site-theme .honor-story-hud-copy {
  gap: 8px;
  display: grid;
}

body.site-theme .honor-story-hud-pill {
  color: #f7edffd6;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: #a855f714;
  border: 1px solid #d946ef2e;
  border-radius: 999px;
  justify-self: start;
  padding: 7px 12px;
  font-size: .72rem;
  font-weight: 700;
}

body.site-theme .honor-story-hud-title {
  color: #f9f4fff5;
  font-size: clamp(1.08rem, 1.55vw, 1.36rem);
  line-height: 1.24;
}

body.site-theme .honor-story-hud-note {
  color: #d6c6eeb8;
  margin: 0;
  line-height: 1.7;
}

body.site-theme .honor-story-hud-meter {
  background: #ffffff0f;
  border-radius: 999px;
  height: 4px;
  position: relative;
  overflow: hidden;
}

body.site-theme .honor-story-hud-meter-fill {
  width: calc(var(--honor-story-progress) * 100%);
  border-radius: inherit;
  background: linear-gradient(90deg, #8b5cf6fa, #d946efeb);
  transition: width .18s linear;
  position: absolute;
  inset: 0 auto 0 0;
  box-shadow: 0 0 20px #c084fc47;
}

body.site-theme .honor-story-scenes {
  gap: 10px;
  display: grid;
}

body.site-theme .honor-story-scene {
  --scene-shift: 0px;
  --scene-focus: 0;
  color: #f5f1ffad;
  cursor: pointer;
  transform: translate3d(var(--scene-shift), 0, 0) scale(calc(.94 + (var(--scene-focus) * .08)));
  opacity: calc(.36 + (var(--scene-focus) * .64));
  background: #ffffff08;
  border: 1px solid #ad85ff1a;
  border-radius: 18px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  transition: transform .34s cubic-bezier(.16, 1, .3, 1), opacity .3s, border-color .3s, background .3s, color .3s;
  display: grid;
}

body.site-theme .honor-story-scene:hover {
  background: #a855f714;
  border-color: #d946ef33;
}

body.site-theme .honor-story-scene-index {
  color: #f1dfff57;
  letter-spacing: -.04em;
  min-width: 34px;
  font-size: 1.05rem;
  font-weight: 800;
}

body.site-theme .honor-story-scene-copy {
  gap: 4px;
  min-width: 0;
  display: grid;
}

body.site-theme .honor-story-scene-copy strong, body.site-theme .honor-story-scene-copy span {
  min-width: 0;
  display: block;
}

body.site-theme .honor-story-scene-copy strong {
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: .72rem;
}

body.site-theme .honor-story-scene-copy span {
  font-size: .9rem;
  line-height: 1.45;
}

body.site-theme .honor-story-scene.is-active {
  color: #f7edffeb;
  background: #a855f71f;
  border-color: #d946ef42;
  box-shadow: 0 14px 36px #08031547;
}

body.site-theme .honor-story-scene.is-past {
  color: #f5f1ffd1;
}

body.site-theme .honor-story-scene.is-next {
  color: #d6c6ee94;
}

body.site-theme .milestone-card, body.site-theme .process-card, body.site-theme .contact-cta-panel {
  box-shadow: var(--shadow);
  background: linear-gradient(#11091eeb, #090510f2);
  border: 1px solid #ad85ff1f;
  border-radius: 28px;
  gap: 14px;
  padding: 26px;
  display: grid;
  position: relative;
  overflow: hidden;
}

body.site-theme .process-card {
  --card-progress: 0;
}

body.site-theme .milestone-card {
  --honor-scene-shift-x: 0px;
  --honor-scene-shift-y: 0px;
  --honor-scene-rotate: 0deg;
  --honor-scene-scale: 1;
  --honor-scene-depth: 0;
  transform: perspective(1200px)
        translate3d(var(--honor-scene-shift-x), var(--honor-scene-shift-y), 0)
        rotateY(var(--honor-scene-rotate))
        scale(var(--honor-scene-scale));
  transition: transform .42s cubic-bezier(.16, 1, .3, 1), opacity .3s, border-color .3s, box-shadow .36s, background .34s;
}

body.site-theme .milestone-card-primary {
  background: radial-gradient(circle at 100% 0, #c084fc2e, #0000 34%), linear-gradient(#140a23f2, #090511fa);
}

body.site-theme .milestone-label, body.site-theme .contact-cta-kicker {
  color: #f1dfffe0;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: #a855f71f;
  border: 1px solid #a855f73d;
  border-radius: 999px;
  align-items: center;
  width: fit-content;
  min-height: 34px;
  padding: 0 12px;
  font-size: .78rem;
  font-weight: 700;
  display: inline-flex;
}

body.site-theme .milestone-number, body.site-theme .process-step {
  color: #e9d5ff;
  letter-spacing: .12em;
  background: #c084fc1a;
  border: 1px solid #c084fc33;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  font-size: .95rem;
  font-weight: 800;
  transition: transform .28s, background .28s, border-color .28s, color .28s, box-shadow .28s;
  display: inline-flex;
}

body.site-theme .update-card.is-narrative-active, body.site-theme .process-card.is-narrative-active {
  border-color: #c084fc47;
  box-shadow: 0 30px 90px #09031880, inset 0 0 0 1px #c084fc14;
}

body.site-theme .update-card.is-narrative-active:before {
  transform: scale(1.12);
  box-shadow: 0 0 0 8px #0a0612f5, 0 0 26px #c084fc52;
}

body.site-theme .update-card.is-narrative-active .update-date, body.site-theme .process-card.is-narrative-active .process-step {
  color: #f7e8ff;
  background: #a855f72e;
  border-color: #c084fc57;
  transform: translateY(-2px);
  box-shadow: 0 0 24px #c084fc33;
}

body.site-theme .milestone-card h3, body.site-theme .process-card h3, body.site-theme .contact-cta-panel h3 {
  color: #f8f2ff;
  margin: 0;
  font-size: 1.28rem;
}

body.site-theme .milestone-card p, body.site-theme .process-card p, body.site-theme .contact-cta-panel p {
  color: #f5f1ffb8;
  margin: 0;
  line-height: 1.8;
}

body.site-theme .honor-story-card.is-honor-scene {
  border-color: #d946ef47;
  box-shadow: 0 34px 94px #0803156b, inset 0 0 0 1px #c084fc14;
}

body.site-theme .honor-story-card.is-honor-past {
  filter: saturate(.96) brightness(.97);
}

body.site-theme .honor-story-card.is-honor-next {
  filter: saturate(.84) brightness(.9);
}

body.site-theme .honor-story-card:after {
  content: "";
  border-radius: inherit;
  opacity: calc(.16 + (var(--honor-scene-depth) * .68));
  pointer-events: none;
  background: radial-gradient(circle at 100% 0, #d946ef2e, #0000 42%), radial-gradient(circle at 0, #8b5cf624, #0000 38%);
  transition: opacity .28s;
  position: absolute;
  inset: 1px;
}

body.site-theme .honor-story-stage.is-honor-shift .honor-story-hud-title, body.site-theme .honor-story-stage.is-honor-shift .honor-story-hud-note, body.site-theme .honor-story-stage.is-honor-shift .honor-story-hud-pill {
  animation: .48s honorHudShift;
}

body.site-theme .process-roadmap {
  --roadmap-progress: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 28px;
  display: grid;
  position: relative;
}

body.site-theme .process-roadmap:before {
  content: "";
  background: #ad85ff1f;
  height: 1px;
  position: absolute;
  top: 26px;
  left: 0;
  right: 0;
}

body.site-theme .process-roadmap:after {
  content: "";
  height: 2px;
  width: calc(var(--roadmap-progress) * 100%);
  background: linear-gradient(90deg, #8b5cf6f5, #d946efe0);
  transition: width .18s linear;
  position: absolute;
  top: 26px;
  left: 0;
  box-shadow: 0 0 18px #c084fc47;
}

body.site-theme .carousel-3d-container {
  gap: 18px;
  margin-top: 8px;
  padding: 0;
  display: grid;
}

body.site-theme .carousel-3d-container:before {
  display: none;
}

body.site-theme .carousel-3d {
  height: clamp(360px, 46vw, 560px);
  box-shadow: var(--shadow);
  background: radial-gradient(circle at 100% 0, #c084fc1f, #0000 28%), linear-gradient(#0e0718f5, #08040ffa);
  border: 1px solid #ad85ff1f;
  border-radius: 32px;
  overflow: hidden;
}

body.site-theme .carousel-track {
  isolation: isolate;
}

body.site-theme .carousel-slide {
  filter: none;
  background: #0d0718;
  border: 1px solid #ad85ff24;
  border-radius: 28px;
  width: min(860px, 88%);
  max-width: none;
  height: clamp(280px, 36vw, 470px);
  max-height: none;
  overflow: hidden;
  box-shadow: 0 28px 70px #00000057;
}

body.site-theme .carousel-slide.glow-effect:before {
  opacity: .45;
  filter: blur(18px);
  background: linear-gradient(135deg, #c084fccc, #a855f7b8);
  border-radius: 30px;
  animation: none;
}

body.site-theme .carousel-slide img {
  box-shadow: none;
  cursor: zoom-in;
  background: none;
  border-radius: 0;
}

body.site-theme .carousel-slide.center-slide, body.site-theme .carousel-slide[data-center="true"] {
  box-shadow: 0 30px 80px #0000006b;
}

body.site-theme .carousel-slide.center-slide img, body.site-theme .carousel-slide[data-center="true"] img {
  box-shadow: none;
}

body.site-theme .slide-info-card {
  opacity: 1;
  pointer-events: auto;
  background: linear-gradient(#09051000 0%, #090510c7 32%, #090510f0 100%);
  border-radius: 0 0 28px 28px;
  gap: 14px;
  padding: 24px;
  display: grid;
  transform: none;
}

body.site-theme .slide-info-card.visible {
  opacity: 1;
  transform: none;
}

body.site-theme .info-card-content {
  gap: 12px;
  display: grid;
}

body.site-theme .info-card-meta {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

body.site-theme .info-card-kicker, body.site-theme .info-card-index, body.site-theme .carousel-progress-label, body.site-theme .carousel-progress-tag {
  letter-spacing: .12em;
  text-transform: uppercase;
  border-radius: 999px;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  font-size: .76rem;
  font-weight: 700;
  display: inline-flex;
}

body.site-theme .info-card-kicker, body.site-theme .carousel-progress-label {
  color: #f1dfffe6;
  background: #a855f71f;
  border: 1px solid #a855f73d;
}

body.site-theme .info-card-index {
  color: #f5f1ffb8;
  background: #ffffff0f;
  border: 1px solid #ad85ff1f;
}

body.site-theme .info-card-content h3 {
  color: #f8f2ff;
  margin: 0;
  font-size: clamp(1.2rem, 2vw, 1.6rem);
}

body.site-theme .info-card-content p {
  color: #f5f1ffbd;
  margin: 0;
  line-height: 1.75;
}

body.site-theme .info-card-tags, body.site-theme .carousel-progress-tags {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

body.site-theme .info-card-tag, body.site-theme .carousel-progress-tag {
  color: #efe2ffe0;
  background: #c084fc1a;
  border: 1px solid #c084fc2e;
}

body.site-theme .info-card-actions {
  margin-top: 2px;
}

body.site-theme .info-card-btn {
  color: #f5f1ff;
  background: #ffffff0a;
  border: 1px solid #ad85ff29;
  border-radius: 999px;
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  font-weight: 700;
}

body.site-theme .info-card-btn:hover {
  color: #0d0718;
  background: linear-gradient(135deg, #c084fceb, #d946efe0);
  box-shadow: 0 16px 30px #c084fc3d;
}

body.site-theme .carousel-progress {
  width: 100%;
  max-width: none;
  box-shadow: var(--shadow);
  pointer-events: auto;
  background: linear-gradient(#11091eeb, #090510f2);
  border: 1px solid #ad85ff1f;
  border-radius: 28px;
  gap: 14px;
  padding: 20px 22px;
  display: grid;
  position: relative;
  inset: auto;
  transform: none;
}

body.site-theme .carousel-progress-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

body.site-theme .carousel-progress-copy {
  gap: 10px;
  display: grid;
}

body.site-theme .carousel-progress-title {
  color: #f8f2ff;
  font-size: 1.2rem;
  line-height: 1.4;
}

body.site-theme .carousel-progress-description {
  color: #f5f1ffb8;
  margin: 0;
  line-height: 1.75;
}

body.site-theme .carousel-progress-text {
  color: #f5f1ffbd;
  background: #ffffff0a;
  border: 1px solid #ad85ff1f;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  min-width: 92px;
  min-height: 46px;
  padding: 0 16px;
  font-weight: 700;
  display: inline-flex;
}

body.site-theme .progress-bar {
  background: #ffffff0f;
  border-radius: 999px;
  height: 6px;
  margin-bottom: 0;
}

body.site-theme .progress-fill {
  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
  box-shadow: none;
}

body.site-theme .current-slide {
  color: #f8f2ff;
  font-size: 1rem;
}

body.site-theme .carousel-thumbnails {
  grid-template-columns: repeat(auto-fit, minmax(66px, 1fr));
  gap: 12px;
  max-width: none;
  margin-top: 0;
  padding: 0;
  display: grid;
}

body.site-theme .thumbnail-item {
  opacity: .62;
  background: #ffffff08;
  border: 1px solid #ad85ff1f;
  border-radius: 16px;
  width: 100%;
  height: 72px;
}

body.site-theme .thumbnail-item:hover {
  opacity: .92;
  border-color: #c084fc3d;
  transform: translateY(-2px);
}

body.site-theme .thumbnail-item.active {
  opacity: 1;
  border-color: #c084fc57;
  transform: none;
  box-shadow: 0 0 0 2px #c084fc1f;
}

body.site-theme .thumbnail-item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

body.site-theme .carousel-loading-placeholder, body.site-theme .image-loading-placeholder {
  color: #f5f1ffb8;
  z-index: 6;
  pointer-events: none;
  place-items: center;
  gap: 10px;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.site-theme .carousel-loading-placeholder {
  box-shadow: var(--shadow);
  background: #0a0612e0;
  border: 1px solid #ad85ff1f;
  border-radius: 22px;
  padding: 22px 24px;
}

body.site-theme .carousel-loading-placeholder .loading-spinner, body.site-theme .placeholder-spinner {
  color: var(--primary-color);
  font-size: 1.8rem;
}

body.site-theme .carousel-loading-placeholder .loading-text {
  color: #f5f1ffb3;
  margin: 0;
  font-size: .95rem;
}

body.site-theme .image-lightbox {
  z-index: 10000;
  backdrop-filter: blur(18px);
  background: #030108f0;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

body.site-theme .image-lightbox.active {
  display: flex;
}

body.site-theme .image-lightbox img {
  object-fit: contain;
  max-width: min(92vw, 1200px);
  max-height: 88vh;
  box-shadow: var(--shadow-lg);
  border: 1px solid #ad85ff1f;
  border-radius: 24px;
}

body.site-theme .image-lightbox .close-btn {
  width: 48px;
  height: 48px;
  color: var(--text-color);
  background: #ffffff0d;
  border: 1px solid #ad85ff29;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  top: 24px;
  right: 24px;
}

body.site-theme .quick-link-card {
  min-height: 100%;
  color: inherit;
  background: linear-gradient(#140a23e0, #0a0612eb);
  border-radius: 24px;
  gap: 12px;
  padding: 24px;
  text-decoration: none;
  display: grid;
}

body.site-theme .quick-link-card:hover {
  border-color: #c084fc47;
  box-shadow: 0 22px 60px #0702126b;
}

body.site-theme .quick-link-card i {
  width: 48px;
  height: 48px;
  color: var(--primary-color);
  background: #c084fc1f;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  display: inline-flex;
}

body.site-theme .quick-link-card h3 {
  margin-bottom: 0;
  font-size: 1.2rem;
}

body.site-theme .quick-link-card p {
  color: #f5f1ffad;
  line-height: 1.7;
}

body.site-theme .reveal-heading, body.site-theme .reveal-card {
  opacity: 0;
  will-change: transform, opacity, filter;
}

body.site-theme .reveal-heading {
  --reveal-y: 26px;
  transform: translateY(var(--reveal-y));
  filter: blur(10px);
  transition: opacity .85s cubic-bezier(.16, 1, .3, 1), transform .9s cubic-bezier(.16, 1, .3, 1), filter .8s;
  transition-delay: var(--reveal-delay, 0s);
}

body.site-theme .reveal-card {
  --magnetic-x: 0px;
  --magnetic-y: 0px;
  --tilt-rotate-x: 0deg;
  --tilt-rotate-y: 0deg;
  --reveal-y: 38px;
  --reveal-scale: .985;
  transform: perspective(1200px)
        translate3d(var(--magnetic-x), calc(var(--magnetic-y) + var(--reveal-y)), 0)
        rotateX(var(--tilt-rotate-x))
        rotateY(var(--tilt-rotate-y))
        scale(var(--reveal-scale));
  filter: blur(12px);
  transition: opacity .85s cubic-bezier(.16, 1, .3, 1), transform .9s cubic-bezier(.16, 1, .3, 1), filter .85s, border-color .3s, box-shadow .35s;
  transition-delay: var(--reveal-delay, 0s);
}

body.site-theme .reveal-heading.is-revealed, body.site-theme .reveal-card.is-revealed {
  opacity: 1;
  filter: blur();
}

body.site-theme .reveal-heading.is-revealed {
  transform: translateY(0);
}

body.site-theme .reveal-card.is-revealed {
  --reveal-y: 0px;
  --reveal-scale: 1;
}

body.site-theme .spotlight-card:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle at var(--spotlight-x, 50%) var(--spotlight-y, 50%), #d8b4ff42, transparent 24%);
  opacity: 0;
  transition: opacity .35s;
  position: absolute;
  inset: -28%;
}

body.site-theme .spotlight-card.is-spotlight-active:after, body.site-theme .spotlight-card:hover:after {
  opacity: 1;
}

body.site-theme .magnetic-hover {
  --magnetic-x: 0px;
  --magnetic-y: 0px;
  --tilt-rotate-x: 0deg;
  --tilt-rotate-y: 0deg;
}

body.site-theme .magnetic-hover:not(.reveal-card) {
  transform: perspective(1200px)
        translate3d(var(--magnetic-x), var(--magnetic-y), 0)
        rotateX(var(--tilt-rotate-x))
        rotateY(var(--tilt-rotate-y));
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), border-color .3s, box-shadow .35s, background .3s;
}

body.site-theme .magnetic-hover:not(.reveal-card):hover {
  transform: perspective(1200px)
        translate3d(var(--magnetic-x), var(--magnetic-y), 0)
        rotateX(var(--tilt-rotate-x))
        rotateY(var(--tilt-rotate-y))
        translateY(-4px);
}

body.site-theme .magnetic-hover:hover {
  box-shadow: 0 24px 70px #0803146b;
}

body.site-theme .tilt-card {
  transform-style: preserve-3d;
}

body.site-theme .tilt-card.is-tilting {
  border-color: #c084fc42;
  box-shadow: 0 28px 80px #0903177a;
}

body.site-theme .intro-scroll, body.site-theme .project-spotlight, body.site-theme .recent-updates, body.site-theme .explore-matrix, body.site-theme .about, body.site-theme .honor, body.site-theme .steps, body.site-theme .contact, body.site-theme .articles-list, body.site-theme .class-wall-section, body.site-theme .doc-viewer-container, body.site-theme .leaderboard-section, body.site-theme .games-collection, body.site-theme .benchmark-container, body.site-theme .profile-section, body.site-theme .reaction-test-section, body.site-theme .sponsor-section {
  --section-shift: 0px;
  --section-intensity: 0;
  --section-glow-shift: 0px;
  --phase-progress: 0;
  --phase-focus: 0;
  --phase-drift: 0px;
  background: none;
  padding: 96px 0;
  position: relative;
}

body.site-theme .project-spotlight, body.site-theme .recent-updates, body.site-theme .explore-matrix, body.site-theme .about, body.site-theme .honor, body.site-theme .steps, body.site-theme .contact {
  isolation: isolate;
  --section-progress: 0;
  --chapter-offset: 0px;
  overflow: hidden;
}

body.site-theme .project-spotlight .container, body.site-theme .recent-updates .container, body.site-theme .explore-matrix .container, body.site-theme .about .container, body.site-theme .honor .container, body.site-theme .steps .container, body.site-theme .contact .container {
  z-index: 1;
  position: relative;
}

body.site-theme .section-ambient-field {
  z-index: 0;
  pointer-events: none;
  opacity: calc(.18 + (var(--section-intensity) * .72));
  position: absolute;
  inset: 0;
  overflow: hidden;
}

body.site-theme .section-ambient-particle {
  left: var(--particle-left, 50%);
  top: var(--particle-top, 50%);
  width: var(--particle-size, 180px);
  height: var(--particle-size, 180px);
  mix-blend-mode: screen;
  filter: blur(2px);
  opacity: var(--particle-opacity, .18);
  transform: translate3d(0, calc(var(--section-shift) * .18), 0);
  animation: sectionParticleDrift var(--particle-duration, 18s) ease-in-out infinite alternate;
  background: radial-gradient(circle, #c084fc38, #8b5cf624 38%, #0000 72%);
  border-radius: 50%;
  position: absolute;
}

body.site-theme .section-story-beam {
  z-index: 0;
  pointer-events: none;
  filter: blur(8px);
  mix-blend-mode: screen;
  width: 44%;
  height: 138%;
  opacity: calc(.05 + (var(--section-progress) * .18));
  transform: translate3d(calc(var(--section-progress) * 190%), calc(var(--chapter-offset) * .25), 0) rotate(12deg);
  background: linear-gradient(135deg, #0000 0%, #ffffff05 36%, #d8b4ff24 50%, #a855f714 62%, #0000 100%);
  transition: opacity .24s, transform .28s;
  animation: 9s ease-in-out infinite alternate sectionBeamSweep;
  position: absolute;
  top: -16%;
  left: -18%;
}

body.site-theme .section-chapter-mark {
  z-index: 0;
  pointer-events: none;
  text-align: right;
  transform: translate3d(0, calc((1 - var(--section-progress)) * 28px), 0);
  opacity: calc(.12 + (var(--section-intensity) * .32));
  justify-items: end;
  gap: 6px;
  transition: transform .3s, opacity .26s;
  display: grid;
  position: absolute;
  top: 34px;
  right: max(20px, 50vw - 590px);
}

body.site-theme .section-chapter-index {
  color: #ecdfff14;
  letter-spacing: -.05em;
  text-shadow: 0 0 34px #a855f714;
  margin: 0;
  font-size: clamp(3.6rem, 9vw, 7.6rem);
  font-weight: 800;
  line-height: .88;
}

body.site-theme .section-chapter-label {
  color: #f1dfff6b;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin: 0;
  font-size: .78rem;
  font-weight: 700;
}

body.site-theme .section-transition-veil {
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(180deg, #06020e00 0%, rgba(6, 2, 14, calc(.2 + (var(--section-progress) * .28))) 100%),
        radial-gradient(circle at 50% 0%, rgba(168, 85, 247, calc(var(--section-progress) * .18)), transparent 56%);
  height: 160px;
  opacity: calc(.34 + (var(--section-intensity) * .32));
  transform: translate3d(0, calc((1 - var(--section-progress)) * 28px), 0);
  transition: opacity .28s, transform .3s;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

body.site-theme .section-cinematic-gate {
  z-index: 0;
  pointer-events: none;
  height: 220px;
  opacity: calc(.08 + (var(--section-transition-progress, 0) * .68));
  transform: translate3d(0, calc((1 - var(--section-transition-progress, 0)) * 34px), 0);
  align-content: end;
  gap: 14px;
  padding: 24px 0 22px;
  transition: opacity .32s, transform .34s;
  display: grid;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

body.site-theme .section-cinematic-gate:before, body.site-theme .section-cinematic-gate:after {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: auto 0 0;
}

body.site-theme .section-cinematic-gate:before {
  background: linear-gradient(180deg, #06020e00 0%, rgba(6, 2, 14, calc(.34 + (var(--section-transition-progress, 0) * .22))) 100%),
        radial-gradient(circle at 50% 100%, rgba(217, 70, 239, calc(var(--section-transition-progress, 0) * .18)), transparent 56%);
  top: 0;
}

body.site-theme .section-cinematic-gate:after {
  border-top: 1px solid rgba(192, 132, 252, calc(.12 + (var(--section-transition-progress, 0) * .26)));
  background: linear-gradient(180deg, #ffffff0a, transparent 72%),
        radial-gradient(circle at 50% 100%, rgba(168, 85, 247, calc(var(--section-transition-progress, 0) * .16)), transparent 64%);
  height: 78px;
  box-shadow: 0 0 30px rgba(192, 132, 252, calc(var(--section-transition-progress, 0) * .12));
  border-radius: 999px 999px 0 0;
  bottom: 0;
  left: 8%;
  right: 8%;
}

body.site-theme .section-cinematic-gate-copy, body.site-theme .section-cinematic-gate-track {
  z-index: 1;
  width: min(1180px, 100% - 40px);
  margin: 0 auto;
  position: relative;
}

body.site-theme .section-cinematic-gate-copy {
  text-align: center;
  justify-items: center;
  gap: 4px;
  display: grid;
}

body.site-theme .section-cinematic-gate-kicker, body.site-theme .section-cinematic-gate-title {
  margin: 0;
}

body.site-theme .section-cinematic-gate-kicker {
  color: #d6c6ee94;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .72rem;
}

body.site-theme .section-cinematic-gate-title {
  color: #f9f4ffdb;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: clamp(.94rem, 1.6vw, 1.14rem);
}

body.site-theme .section-cinematic-gate-track {
  height: 24px;
  position: relative;
}

body.site-theme .section-cinematic-gate-line, body.site-theme .section-cinematic-gate-orb {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

body.site-theme .section-cinematic-gate-line {
  background: linear-gradient(90deg, #ffffff05, rgba(192, 132, 252, calc(.18 + (var(--section-transition-progress, 0) * .34))), #ffffff05);
  width: min(280px, 44vw);
  height: 2px;
  box-shadow: 0 0 22px rgba(192, 132, 252, calc(var(--section-transition-progress, 0) * .18));
  border-radius: 999px;
  bottom: 8px;
}

body.site-theme .section-cinematic-gate-orb {
  width: 18px;
  height: 18px;
  box-shadow: 0 0 18px rgba(192, 132, 252, calc(.24 + (var(--section-transition-progress, 0) * .24))),
        0 0 32px rgba(217, 70, 239, calc(var(--section-transition-progress, 0) * .16));
  transform: translateX(calc(-50% + ((var(--section-transition-progress, 0) - .5) * 110px)))
        scale(calc(.78 + (var(--section-transition-progress, 0) * .34)));
  background: radial-gradient(circle, #f9f4fffa, #d946efe0 52%, #8b5cf6b3 100%);
  border-radius: 50%;
  transition: transform .24s, box-shadow .24s;
  bottom: 0;
}

body.site-theme .section-cinematic-gate.is-transition-active .section-cinematic-gate-title, body.site-theme .section-cinematic-gate.is-transition-active .section-cinematic-gate-kicker {
  animation: .48s cinematicGateLift;
}

body.site-theme .section-media-strip {
  z-index: 0;
  pointer-events: none;
  width: min(220px, 18vw);
  opacity: calc(.12 + (var(--media-strip-focus, 0) * .52));
  transform: translate3d(0, calc(-50% + var(--media-strip-shift, 0px)), 0);
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  transition: opacity .3s, transform .34s;
  display: grid;
  position: absolute;
  top: 50%;
  left: max(14px, 50vw - 640px);
}

body.site-theme .section-media-strip-track {
  justify-self: center;
  width: 20px;
  min-height: 180px;
  position: relative;
}

body.site-theme .section-media-strip-line, body.site-theme .section-media-strip-pulse {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

body.site-theme .section-media-strip-line {
  background: linear-gradient(180deg, #ffffff05, rgba(173, 133, 255, calc(.18 + (var(--media-strip-progress, 0) * .22))), #ffffff05);
  width: 2px;
  box-shadow: 0 0 18px rgba(192, 132, 252, calc(var(--media-strip-progress, 0) * .14));
  border-radius: 999px;
  top: 0;
  bottom: 0;
}

body.site-theme .section-media-strip-pulse {
  top: calc(var(--media-strip-progress, 0) * 100%);
  width: 12px;
  height: 12px;
  box-shadow: 0 0 16px rgba(192, 132, 252, calc(.22 + (var(--media-strip-focus, 0) * .2))),
        0 0 28px rgba(217, 70, 239, calc(var(--media-strip-progress, 0) * .14));
  background: radial-gradient(circle, #f9f4fffa, #d946efe0 56%, #8b5cf6ad 100%);
  border-radius: 50%;
  margin-top: -6px;
}

body.site-theme .section-media-strip-stack {
  gap: 10px;
  display: grid;
}

body.site-theme .section-media-strip-chip {
  color: #f1dfffad;
  letter-spacing: .14em;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
  min-height: 36px;
  transform: translate3d(calc((var(--strip-chip-order, 1) - 1) * 6px), 0, 0);
  background: #ffffff0a;
  border: 1px solid #ad85ff1a;
  border-radius: 999px;
  align-items: center;
  padding: 8px 12px;
  font-size: .68rem;
  font-weight: 700;
  transition: transform .3s, color .3s, border-color .3s, background .3s;
  display: inline-flex;
}

body.site-theme .section-media-strip.is-media-strip-active .section-media-strip-chip {
  color: #f9f4ffe0;
  background: #a855f714;
  border-color: #d946ef29;
}

body.site-theme .section-media-strip.is-media-strip-active .section-media-strip-chip:nth-child(2) {
  transform: translate3d(10px, 0, 0);
}

body.site-theme .section-media-strip.is-media-strip-active .section-media-strip-chip:nth-child(3) {
  transform: translate3d(16px, 0, 0);
}

body.site-theme .articles-list, body.site-theme .class-wall-section, body.site-theme .doc-viewer-container, body.site-theme .leaderboard-section, body.site-theme .games-collection, body.site-theme .benchmark-container, body.site-theme .profile-section, body.site-theme .reaction-test-section, body.site-theme .sponsor-section {
  min-height: 100vh;
  padding-top: 150px !important;
}

body.site-theme .intro-scroll:before, body.site-theme .about:before, body.site-theme .honor:before, body.site-theme .steps:before, body.site-theme .contact:before, body.site-theme .articles-list:before, body.site-theme .class-wall-section:before, body.site-theme .doc-viewer-container:before, body.site-theme .leaderboard-section:before, body.site-theme .games-collection:before, body.site-theme .benchmark-container:before, body.site-theme .profile-section:before, body.site-theme .reaction-test-section:before, body.site-theme .sponsor-section:before {
  content: "";
  opacity: calc(.42 + (var(--section-intensity) * .5));
  transform: translate3d(0, var(--section-glow-shift), 0);
  pointer-events: none;
  background: radial-gradient(circle at 10% 18%, #c084fc1a, #0000 24%), radial-gradient(circle at 90% 12%, #a855f71f, #0000 22%);
  transition: opacity .3s, transform .35s;
  position: absolute;
  inset: 0;
}

body.site-theme .intro-scroll .intro-scroll-container, body.site-theme .project-spotlight .container, body.site-theme .recent-updates .container, body.site-theme .explore-matrix .container, body.site-theme .about .container, body.site-theme .honor .container, body.site-theme .steps .container, body.site-theme .contact .container, body.site-theme .articles-list .container, body.site-theme .class-wall-section .container, body.site-theme .doc-viewer-container .container, body.site-theme .leaderboard-section .container, body.site-theme .games-collection .container, body.site-theme .benchmark-container .container, body.site-theme .profile-section .container, body.site-theme .reaction-test-section .container, body.site-theme .sponsor-section .container {
  z-index: 1;
  transform: translate3d(calc(var(--phase-drift) * .12), calc(var(--section-shift) + (var(--phase-focus) * -10px)), 0)
        scale(calc(.988 + (var(--phase-focus) * .016)));
  filter: saturate(calc(.92 + (var(--section-intensity) * .18) + (var(--phase-focus) * .1)))
        brightness(calc(.95 + (var(--phase-focus) * .06)));
  transition: transform .35s, filter .35s;
  position: relative;
}

body.site-theme .project-spotlight:after, body.site-theme .recent-updates:after, body.site-theme .explore-matrix:after, body.site-theme .about:after, body.site-theme .honor:after, body.site-theme .steps:after, body.site-theme .contact:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle at 50% 50%, rgba(217, 70, 239, calc(.08 + (var(--phase-focus) * .14))), transparent 62%),
        radial-gradient(circle at 50% 60%, rgba(139, 92, 246, calc(.06 + (var(--phase-progress) * .1))), transparent 72%);
  height: 220px;
  opacity: calc(.16 + (var(--phase-progress) * .28));
  transform: translate3d(calc(var(--phase-drift) * .26), calc((1 - var(--phase-focus)) * 42px), 0) scale(calc(.88 + (var(--phase-focus) * .16)));
  transition: opacity .38s, transform .42s;
  position: absolute;
  top: 10%;
  left: 8%;
  right: 8%;
}

body.site-theme .project-spotlight.is-phase-active:after, body.site-theme .recent-updates.is-phase-active:after, body.site-theme .explore-matrix.is-phase-active:after, body.site-theme .about.is-phase-active:after, body.site-theme .honor.is-phase-active:after, body.site-theme .steps.is-phase-active:after, body.site-theme .contact.is-phase-active:after {
  opacity: calc(.28 + (var(--phase-progress) * .34));
}

body.site-theme .project-spotlight.is-phase-past .container, body.site-theme .recent-updates.is-phase-past .container, body.site-theme .explore-matrix.is-phase-past .container, body.site-theme .about.is-phase-past .container, body.site-theme .honor.is-phase-past .container, body.site-theme .steps.is-phase-past .container, body.site-theme .contact.is-phase-past .container {
  filter: saturate(calc(.94 + (var(--section-intensity) * .18)))
        brightness(.98);
}

body.site-theme .project-spotlight.is-phase-next .container, body.site-theme .recent-updates.is-phase-next .container, body.site-theme .explore-matrix.is-phase-next .container, body.site-theme .about.is-phase-next .container, body.site-theme .honor.is-phase-next .container, body.site-theme .steps.is-phase-next .container, body.site-theme .contact.is-phase-next .container {
  filter: saturate(calc(.88 + (var(--section-intensity) * .12)))
        brightness(.92);
}

body.site-theme .intro-scroll-container {
  border-top: 1px solid #ad85ff1f;
  border-bottom: 1px solid #ad85ff1f;
  width: min(1180px, 100% - 40px);
  margin: 0 auto;
  padding: 18px 0;
}

body.site-theme .intro-scroll-content {
  color: #f5f1ffb3;
}

body.site-theme .intro-text {
  line-height: 1.9;
}

body.site-theme .intro-separator {
  color: var(--primary-color);
}

body.site-theme .intro-scroll {
  --intro-story-progress: 0;
  --intro-story-shift: 0px;
  min-height: 180vh;
  padding: 0;
}

body.site-theme .intro-scroll-container {
  border-top: 1px solid #ad85ff1f;
  border-bottom: 1px solid #ad85ff1f;
  align-content: center;
  gap: 20px;
  min-height: calc(100vh - 136px);
  padding: 32px 0;
  display: grid;
  position: sticky;
  top: 104px;
  overflow: hidden;
}

body.site-theme .intro-scroll-container:before {
  content: "";
  background: linear-gradient(135deg, #ffffff0a, transparent 36%),
        radial-gradient(circle at 50% 50%, rgba(217, 70, 239, calc(.06 + (var(--intro-story-progress) * .14))), transparent 64%);
  opacity: calc(.22 + (var(--intro-story-progress) * .24));
  pointer-events: none;
  position: absolute;
  inset: 0;
}

body.site-theme .intro-scroll-content, body.site-theme .intro-story-hud {
  z-index: 1;
  position: relative;
}

body.site-theme .intro-scroll-content {
  transform: translate3d(calc(var(--intro-story-shift) * -.4), 0, 0);
  filter: saturate(calc(.92 + (var(--intro-story-progress) * .12)));
  transition: transform .32s, filter .32s;
}

body.site-theme .intro-text {
  transition: color .28s, text-shadow .28s, opacity .28s;
}

body.site-theme .intro-text.is-intro-text-active {
  color: #f9f4fff5;
  text-shadow: 0 0 20px #c084fc29;
}

body.site-theme .intro-story-hud {
  background: linear-gradient(135deg, #ffffff0d, #0000 48%), linear-gradient(#10091de6, #07030ff0);
  border: 1px solid #ad85ff1f;
  border-radius: 24px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 18px 22px;
  display: grid;
  box-shadow: 0 24px 70px #0602104d, inset 0 1px #ffffff0d;
}

body.site-theme .story-system-meta {
  align-items: center;
  gap: 12px;
  min-height: 40px;
  display: flex;
}

body.site-theme .story-system-meta-label {
  color: #d6c6ee8f;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .68rem;
  font-weight: 700;
}

body.site-theme .story-system-meta-track {
  color: #f5f1ffc7;
  background: #ffffff0a;
  border: 1px solid #ad85ff1f;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  box-shadow: inset 0 1px #ffffff0a;
}

body.site-theme .story-system-meta-dot {
  background: linear-gradient(135deg, #8b5cf6fa, #d946efeb);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  animation: 2.4s ease-in-out infinite storySignalPulse;
  box-shadow: 0 0 16px #c084fc42;
}

body.site-theme .story-system-meta-value {
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .76rem;
  font-weight: 700;
}

body.site-theme .intro-story-hud .story-system-meta {
  grid-column: 1 / -1;
  margin-top: -2px;
}

body.site-theme .project-story-rail .story-system-meta, body.site-theme .updates-story-hud .story-system-meta, body.site-theme .honor-story-hud .story-system-meta {
  margin-top: -2px;
}

body.site-theme .intro-story-scene-grid {
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

body.site-theme .intro-story-scene {
  color: #d6c6eead;
  cursor: pointer;
  background: #ffffff08;
  border: 1px solid #ad85ff1a;
  border-radius: 18px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  transition: transform .28s, border-color .28s, background .28s, color .28s;
  display: grid;
}

body.site-theme .intro-story-scene:hover {
  color: #f4ecffdb;
  background: #a855f714;
  border-color: #d946ef2e;
}

body.site-theme .intro-story-scene-index {
  color: #f1dfff4d;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: .68rem;
  font-weight: 700;
}

body.site-theme .intro-story-scene-copy {
  gap: 2px;
  min-width: 0;
  display: grid;
}

body.site-theme .intro-story-scene-copy strong, body.site-theme .intro-story-scene-copy span {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

body.site-theme .intro-story-scene-copy strong {
  color: inherit;
  font-size: .9rem;
}

body.site-theme .intro-story-scene-copy span {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .66rem;
}

body.site-theme .intro-story-scene.is-intro-scene-active {
  color: #f9f4ffeb;
  background: #a855f71f;
  border-color: #d946ef38;
  transform: translateY(-3px);
}

body.site-theme .intro-story-scene.is-intro-scene-past {
  color: #ecdfffcc;
}

body.site-theme .intro-story-hud.is-intro-scene-shift .intro-story-title, body.site-theme .intro-story-hud.is-intro-scene-shift .intro-story-note, body.site-theme .intro-story-hud.is-intro-scene-shift .intro-story-kicker {
  animation: .44s introSceneShift;
}

body.site-theme .intro-story-hud-copy {
  gap: 6px;
  display: grid;
}

body.site-theme .intro-story-kicker {
  color: #d6c6ee9e;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 700;
}

body.site-theme .intro-story-title {
  color: #f9f4fff2;
  margin: 0;
  font-size: clamp(1.2rem, 2vw, 1.7rem);
}

body.site-theme .intro-story-note {
  color: #d6c6eebd;
  max-width: 58ch;
  margin: 0;
  line-height: 1.7;
}

body.site-theme .intro-story-status {
  justify-items: center;
  gap: 10px;
  min-width: 98px;
  display: grid;
}

body.site-theme .intro-story-index {
  color: #f1dfff42;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: .74rem;
  font-weight: 700;
}

body.site-theme .intro-story-progress-ring {
  background: radial-gradient(circle, rgba(217, 70, 239, calc(.08 + (var(--intro-story-progress) * .16))), transparent 58%);
  border: 1px solid #ad85ff24;
  border-radius: 50%;
  width: 54px;
  height: 54px;
  position: relative;
  box-shadow: inset 0 0 20px #c084fc0d;
}

body.site-theme .intro-story-progress-fill {
  border: 2px solid rgba(217, 70, 239, calc(.12 + (var(--intro-story-progress) * .3)));
  clip-path: inset(calc((1 - var(--intro-story-progress)) * 100%) 0 0 0);
  border-radius: 50%;
  position: absolute;
  inset: 8px;
}

body.site-theme .intro-story-progress-label {
  color: #f7edffd1;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 700;
}

body.site-theme .intro-scroll.is-intro-story-active .intro-story-hud {
  border-color: #d946ef2e;
  box-shadow: 0 30px 80px #08021257, inset 0 0 0 1px #c084fc14;
}

body.site-theme .about-content, body.site-theme .contact-content, body.site-theme .doc-viewer-actions, body.site-theme .sponsor-content {
  gap: 24px;
}

body.site-theme .contact-content {
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .92fr);
  align-items: start;
  display: grid;
}

body.site-theme .contact-column {
  display: grid;
}

body.site-theme .about-skills-section, body.site-theme .social-section {
  box-shadow: var(--shadow);
  background: linear-gradient(#111f2ae6, #091219f0);
  border: 1px solid #ad85ff1f;
  border-radius: 30px;
  padding: 28px;
  position: relative;
}

body.site-theme .carousel-3d-container {
  isolation: isolate;
  padding: 26px 0 10px;
  position: relative;
}

body.site-theme .carousel-3d-container:before {
  content: "";
  pointer-events: none;
  z-index: -1;
  background: linear-gradient(#140a23a3, #0a141c3d);
  border: 1px solid #ad85ff1a;
  border-radius: 32px;
  position: absolute;
  inset: 0;
}

body.site-theme .about-stats-grid, body.site-theme .skills-grid, body.site-theme .contact-cards, body.site-theme .social-links, body.site-theme .article-list-grid, body.site-theme .games-grid, body.site-theme .leaderboard-stats, body.site-theme .class-wall-grid {
  gap: 20px;
}

body.site-theme .contact-card, body.site-theme .stat-card, body.site-theme .skill-card, body.site-theme .article-list-item, body.site-theme .sponsor-card {
  border-radius: 24px;
}

body.site-theme .stat-card, body.site-theme .skill-card, body.site-theme .article-list-item, body.site-theme .contact-card, body.site-theme .sponsor-card {
  padding: 24px;
}

body.site-theme .skill-card, body.site-theme .article-list-item, body.site-theme .contact-card, body.site-theme .game-card, body.site-theme .sponsor-card, body.site-theme .tab-content.active, body.site-theme .contact-message-section, body.site-theme .messages-list-section, body.site-theme .profile-container, body.site-theme .leaderboard-container, body.site-theme .test-content, body.site-theme .test-info, body.site-theme .test-panel, body.site-theme .doc-viewer-wrapper, body.site-theme .ranking-container {
  border-radius: 28px;
}

body.site-theme .about-avatar, body.site-theme .profile-avatar, body.site-theme .sponsor-image {
  box-shadow: 0 22px 50px #00000047;
}

body.site-theme .social-link, body.site-theme .tab-btn, body.site-theme .main-tab, body.site-theme .category-tab, body.site-theme .function-tab, body.site-theme .ranking-tab, body.site-theme .game-tab, body.site-theme .sub-tab, body.site-theme .test-tab, body.site-theme .btn-contact {
  color: #f5f1ffcc;
  background: #ffffff08;
  border: 1px solid #ad85ff24;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 46px;
  padding: 0 18px;
  text-decoration: none;
  transition: all .25s;
  display: inline-flex;
}

body.site-theme .social-link:hover, body.site-theme .tab-btn:hover, body.site-theme .main-tab:hover, body.site-theme .category-tab:hover, body.site-theme .function-tab:hover, body.site-theme .ranking-tab:hover, body.site-theme .game-tab:hover, body.site-theme .sub-tab:hover, body.site-theme .test-tab:hover, body.site-theme .btn-contact:hover, body.site-theme .social-link.active, body.site-theme .tab-btn.active, body.site-theme .main-tab.active, body.site-theme .category-tab.active, body.site-theme .function-tab.active, body.site-theme .ranking-tab.active, body.site-theme .game-tab.active, body.site-theme .sub-tab.active, body.site-theme .test-tab.active {
  color: #f8f4ff;
  background: #c084fc24;
  border-color: #c084fc57;
  box-shadow: inset 0 0 0 1px #c084fc14;
}

body.site-theme .contact-message-form, body.site-theme .comment-form, body.site-theme .password-form, body.site-theme .form-group, body.site-theme .filter-box, body.site-theme .leaderboard-controls {
  gap: 16px;
  display: grid;
}

body.site-theme input:not([type="checkbox"]):not([type="radio"]), body.site-theme textarea, body.site-theme .search-input, body.site-theme .number-input {
  width: 100%;
  color: var(--text-color);
  background: #ffffff0a;
  border: 1px solid #ad85ff29;
  border-radius: 18px;
  padding: 14px 16px;
}

body.site-theme input::placeholder, body.site-theme textarea::placeholder {
  color: #f5f1ff6b;
}

body.site-theme .contact-link, body.site-theme .article-item-meta, body.site-theme .article-item-excerpt, body.site-theme .contact-description, body.site-theme .contact-subtitle, body.site-theme .profile-info, body.site-theme .profile-message, body.site-theme .game-card-description, body.site-theme .empty-message, body.site-theme .doc-viewer-error, body.site-theme .doc-viewer-loading, body.site-theme .loading-spinner, body.site-theme .info-label, body.site-theme .info-unit {
  color: #f5f1ffad;
}

body.site-theme .contact-card-icon, body.site-theme .stat-icon, body.site-theme .skill-icon {
  color: var(--primary-color);
  background: #c084fc1f;
}

body.site-theme .skill-bar, body.site-theme .game-iframe-container-profile, body.site-theme .game-iframe-container {
  background: #ffffff0d;
}

body.site-theme .skill-progress {
  background: linear-gradient(90deg, var(--secondary-color), var(--primary-color));
}

body.site-theme .carousel-btn, body.site-theme .modal-close, body.site-theme .message-form-close, body.site-theme .close-btn, body.site-theme .close-iframe-btn, body.site-theme .prev-btn, body.site-theme .next-btn {
  color: var(--text-color);
  box-shadow: var(--shadow);
  background: #09161ee6;
  border: 1px solid #ad85ff2e;
}

body.site-theme .password-modal, body.site-theme .image-modal, body.site-theme .game-iframe-modal, body.site-theme .comment-modal, body.site-theme .submit-score-modal, body.site-theme .sponsor-modal {
  backdrop-filter: blur(18px);
  background: #030108b8;
}

body.site-theme .password-modal-content, body.site-theme .modal-content, body.site-theme .comment-modal-content, body.site-theme .sponsor-modal-content {
  border-radius: 30px;
  width: min(92vw, 560px);
  padding: 28px;
}

body.site-theme .password-helper {
  color: #f5f1ffb8;
  max-width: 28rem;
  margin: 10px auto;
  line-height: 1.75;
}

body.site-theme .password-clue-list {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  display: flex;
}

body.site-theme .password-clue-list span {
  color: #f5f1ffcc;
  background: #ffffff0a;
  border: 1px solid #ad85ff1f;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 14px;
  font-size: .92rem;
  display: inline-flex;
}

body.site-theme .sponsor-modal-content {
  color: var(--text-color);
  background: linear-gradient(#140a23f5, #0a0612fa);
  border: 1px solid #c084fc3d;
  box-shadow: 0 26px 80px #0000006b;
}

body.site-theme .sponsor-modal-close {
  width: 42px;
  height: 42px;
  color: var(--text-color);
  background: #ffffff0a;
  border: 1px solid #ad85ff2e;
  border-radius: 50%;
}

body.site-theme .sponsor-modal-icon {
  color: #f8f2ff;
  background: linear-gradient(135deg, #c084fce6, #a855f7d9);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 76px;
  margin: 0 auto 18px;
  display: inline-flex;
  box-shadow: 0 12px 28px #c084fc33;
}

body.site-theme .sponsor-modal-content h2 {
  color: #f8f2ff;
}

body.site-theme .sponsor-modal-content p, body.site-theme .sponsor-modal-features li {
  color: #f5f1ffbd;
}

body.site-theme .sponsor-modal-features {
  gap: 14px;
  margin: 22px 0;
  list-style: none;
  display: grid;
}

body.site-theme .sponsor-modal-features i {
  color: var(--primary-color);
}

body.site-theme .sponsor-modal-actions {
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  display: flex;
}

body.site-theme .sponsor-modal-btn {
  border: 1px solid #ad85ff29;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 20px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

body.site-theme .sponsor-modal-btn-primary {
  color: #0d0718;
  background: linear-gradient(135deg, #8b5cf6, #d946ef);
  border-color: #0000;
}

body.site-theme .sponsor-modal-btn-secondary {
  color: var(--text-color);
  background: #ffffff08;
}

body.site-theme .contact-pill-row {
  margin: 0 0 24px;
}

body.site-theme .contact-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 0;
}

body.site-theme .contact-card {
  align-content: start;
  height: 100%;
}

body.site-theme .contact-card h4 {
  color: #f8f2ff;
  margin: 0 0 8px;
  font-size: 1.08rem;
}

body.site-theme .contact-link {
  word-break: break-word;
}

body.site-theme .contact-cta-panel {
  align-content: start;
}

body.site-theme .contact-cta-header {
  gap: 12px;
  display: grid;
}

body.site-theme .contact-action-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

body.site-theme .contact-action-grid .social-link {
  justify-content: flex-start;
  gap: 12px;
  min-height: 56px;
  padding: 0 18px;
}

body.site-theme .contact-note-list {
  gap: 12px;
  display: grid;
}

body.site-theme .contact-note-item {
  color: #f5f1ffc2;
  background: #ffffff08;
  border: 1px solid #ad85ff1a;
  border-radius: 18px;
  grid-template-columns: 22px 1fr;
  align-items: start;
  gap: 12px;
  padding: 16px 18px;
  line-height: 1.75;
  display: grid;
}

body.site-theme .contact-note-item i {
  color: var(--primary-color);
  margin-top: 4px;
}

body.site-theme .footer {
  background: #05020ae0;
  border-top: 1px solid #ad85ff1f;
}

body.site-theme .footer .container {
  padding: 28px 0 34px;
}

body.site-theme .footer-content {
  gap: 18px;
}

body.site-theme .footer-content-expanded {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  align-items: start;
  row-gap: 22px;
  display: grid;
}

body.site-theme .footer-brand {
  gap: 12px;
  max-width: 34rem;
  display: grid;
}

body.site-theme .footer-brand h3 {
  color: #f8f2ff;
  margin: 0;
  font-size: 1.5rem;
}

body.site-theme .footer-brand p, body.site-theme .footer-meta {
  color: #f5f1ffa8;
  line-height: 1.8;
}

body.site-theme .footer-brand p, body.site-theme .footer-meta p {
  margin: 0;
}

body.site-theme .footer-link {
  background: #ffffff0a;
  border: 1px solid #ad85ff1f;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  text-decoration: none;
  display: inline-flex;
}

body.site-theme .footer-links {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
  display: flex;
}

body.site-theme .footer-meta {
  border-top: 1px solid #ad85ff1f;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  justify-content: space-between;
  gap: 12px 20px;
  padding-top: 10px;
  display: flex;
}

body.site-theme .footer p {
  color: #f5f1ff9e;
  letter-spacing: .04em;
}

body.site-theme .back-to-top {
  background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
  color: #11081d;
  bottom: 24px;
  right: 24px;
  box-shadow: 0 18px 34px #c084fc4d;
}

body.site-theme .messages-list, body.site-theme .comment-list, body.site-theme .ranking-list {
  gap: 16px;
  display: grid;
}

body.site-theme .leaderboard-header, body.site-theme .benchmark-header, body.site-theme .games-header, body.site-theme .contact-header, body.site-theme .doc-viewer-header {
  margin-bottom: 28px;
}

body.site-theme .contact-header {
  max-width: 42rem;
}

body.site-theme .leaderboard-title, body.site-theme .doc-viewer-title, body.site-theme .games-header h1, body.site-theme .profile-name {
  color: #f8f2ff;
}

body.site-theme .info-item, body.site-theme .stat-item {
  background: #ffffff08;
  border: 1px solid #ad85ff1f;
  border-radius: 20px;
  padding: 18px;
}

body.site-theme .test-game-area, body.site-theme .number-memory-area, body.site-theme .sequence-display, body.site-theme .word-display, body.site-theme .visual-memory-area, body.site-theme .verbal-memory-area, body.site-theme .chimp-test-area {
  background: #ffffff08;
  border: 1px solid #ad85ff29;
  border-radius: 28px;
}

body.site-theme .sponsor-actions, body.site-theme .form-actions, body.site-theme .sequence-buttons, body.site-theme .test-controls, body.site-theme .game-controls-profile {
  gap: 14px;
}

body.site-theme .sponsor-content {
  grid-template-columns: minmax(0, .9fr) minmax(320px, .95fr);
  align-items: start;
  gap: 28px;
  display: grid;
}

body.site-theme .sponsor-intro {
  padding-top: 26px;
}

body.site-theme .sponsor-eyebrow, body.site-theme .page-eyebrow, body.site-theme .profile-kicker {
  color: var(--secondary-color);
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-size: .82rem;
  font-weight: 700;
  display: inline-block;
}

body.site-theme .sponsor-lead, body.site-theme .profile-summary {
  color: #f5f1ffc2;
  max-width: 40rem;
  font-size: 1.03rem;
  line-height: 1.85;
}

body.site-theme .sponsor-note-grid {
  gap: 16px;
  margin-top: 22px;
  display: grid;
}

body.site-theme .sponsor-note-card, body.site-theme .page-note-card {
  background: #ffffff08;
  border: 1px solid #ad85ff1f;
  border-radius: 22px;
  grid-template-columns: 52px 1fr;
  gap: 16px;
  padding: 20px 22px;
  display: grid;
}

body.site-theme .sponsor-note-card i, body.site-theme .page-note-card i {
  width: 52px;
  height: 52px;
  color: var(--primary-color);
  background: #c084fc1f;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

body.site-theme .sponsor-note-card h3, body.site-theme .page-note-card h3 {
  margin-bottom: 6px;
  font-size: 1.08rem;
}

body.site-theme .sponsor-note-card p, body.site-theme .page-note-card p, body.site-theme .sponsor-qr-tip, body.site-theme .profile-game-note {
  color: #f5f1ffad;
  line-height: 1.75;
}

body.site-theme .sponsor-card {
  padding: 22px;
}

body.site-theme .sponsor-features {
  gap: 14px;
  margin-bottom: 22px;
  list-style: none;
  display: grid;
}

body.site-theme .sponsor-features li {
  background: #ffffff08;
  border: 1px solid #ad85ff1a;
  border-radius: 18px;
  align-items: center;
  gap: 14px;
  padding: 18px;
  display: flex;
}

body.site-theme .sponsor-features i {
  color: var(--primary-color);
}

body.site-theme .sponsor-image-wrapper {
  background: #ffffff08;
  border: 1px solid #ad85ff1a;
  border-radius: 24px;
  padding: 12px;
}

body.site-theme .sponsor-image {
  object-fit: cover;
  border-radius: 18px;
  width: 100%;
}

body.site-theme .sponsor-qr-tip {
  margin: 18px 6px 0;
}

body.site-theme .profile-header {
  background: linear-gradient(#ffffff09, #ffffff05);
  border: 1px solid #ad85ff1a;
  border-radius: 28px;
  padding: 34px 28px 28px;
  position: relative;
  overflow: hidden;
}

body.site-theme .profile-header:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle, #c084fc1f, #0000 70%);
  width: 180px;
  height: 180px;
  position: absolute;
  inset: 0 auto auto 0;
}

body.site-theme .benchmark-overview {
  text-align: left;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.site-theme .profile-type {
  z-index: 1;
  position: relative;
}

body.site-theme .profile-summary {
  margin: 14px auto 0;
}

body.site-theme .profile-meta-row {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
  display: flex;
}

body.site-theme .profile-meta-pill {
  color: #f5f1ffcc;
  background: #ffffff0a;
  border: 1px solid #ad85ff1f;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
}

body.site-theme .profile-content {
  gap: 18px;
  display: grid;
}

body.site-theme .profile-info, body.site-theme .profile-message {
  background: #ffffff09;
  border: 1px solid #ad85ff1a;
  border-radius: 22px;
}

body.site-theme .profile-game-note {
  margin: -4px 0 14px;
}

body.site-theme .doc-viewer-wrapper iframe, body.site-theme .game-iframe-profile, body.site-theme .game-iframe-container iframe {
  border-radius: 22px;
}

body.site-theme .contact-background {
  display: none;
}

body.site-theme .site-progress-shell {
  z-index: 1200;
  backdrop-filter: blur(12px);
  pointer-events: none;
  background: #0a041259;
  height: 4px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

body.site-theme .site-progress-bar {
  height: 100%;
  width: var(--scroll-progress, 0%);
  background: linear-gradient(90deg, #8b5cf6fa, #d946efeb, #a855f7f5);
  transition: width .12s linear;
  display: block;
  box-shadow: 0 0 18px #c084fc6b;
}

body.site-theme .scroll-rhythm-overlay {
  z-index: 1140;
  pointer-events: none;
  opacity: calc(.24 + (var(--scroll-velocity-strength, 0) * .5));
  transform: translate3d(0, calc(var(--scroll-velocity-strength, 0) * -6px), 0);
  justify-items: end;
  gap: 10px;
  transition: opacity .22s, transform .22s;
  display: grid;
  position: fixed;
  bottom: 18px;
  right: 16px;
}

body.site-theme .scroll-rhythm-line {
  background: linear-gradient(90deg, #ffffff0a, rgba(192, 132, 252, calc(.18 + (var(--scroll-velocity-strength, 0) * .38))), #ffffff05);
  width: 110px;
  height: 2px;
  box-shadow: 0 0 18px rgba(192, 132, 252, calc(var(--scroll-velocity-strength, 0) * .2));
  transform: scaleX(calc(.62 + (var(--scroll-velocity-strength, 0) * .38)));
  transform-origin: 100%;
  border-radius: 999px;
}

body.site-theme .scroll-rhythm-ring {
  border: 1px solid rgba(192, 132, 252, calc(.18 + (var(--scroll-velocity-strength, 0) * .32)));
  width: 36px;
  height: 36px;
  box-shadow: 0 0 20px rgba(192, 132, 252, calc(var(--scroll-velocity-strength, 0) * .18)),
        inset 0 0 18px #c084fc0a;
  background: radial-gradient(circle, rgba(217, 70, 239, calc(.12 + (var(--scroll-velocity-strength, 0) * .18))), transparent 60%);
  transform: scale(calc(.86 + (var(--scroll-velocity-strength, 0) * .24)));
  border-radius: 50%;
}

body.site-theme .scroll-phase-hud {
  --phase-hud-progress: 0;
  z-index: 1145;
  backdrop-filter: blur(18px);
  pointer-events: none;
  min-width: min(300px, 100vw - 72px);
  opacity: calc(.82 + (var(--page-phase-focus) * .18));
  transform: translate3d(0, calc(var(--page-phase-shift) * .08), 0);
  background: #08030fc7;
  border: 1px solid #ad85ff24;
  border-radius: 24px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  transition: opacity .25s, transform .28s;
  display: grid;
  position: fixed;
  bottom: 20px;
  left: 26px;
  box-shadow: 0 24px 70px #04010c6b;
}

body.site-theme .scroll-phase-hud:before {
  content: "";
  border-radius: inherit;
  opacity: .85;
  background: linear-gradient(135deg, #ffffff0f, #0000 48%), radial-gradient(circle at 0 0, #c084fc29, #0000 40%);
  position: absolute;
  inset: 1px;
}

body.site-theme .scroll-phase-orbit, body.site-theme .scroll-phase-copy {
  z-index: 1;
  position: relative;
}

body.site-theme .scroll-phase-orbit {
  place-items: center;
  width: 50px;
  height: 50px;
  display: grid;
  position: relative;
}

body.site-theme .scroll-phase-orbit-core, body.site-theme .scroll-phase-orbit-ring {
  border-radius: 50%;
  position: absolute;
}

body.site-theme .scroll-phase-orbit-core {
  width: 10px;
  height: 10px;
  transform: scale(calc(.9 + (var(--page-phase-focus) * .36)));
  background: linear-gradient(135deg, #d946ef, #8b5cf6f2);
  box-shadow: 0 0 16px #c084fc61;
}

body.site-theme .scroll-phase-orbit-ring {
  box-shadow: 0 0 22px rgba(192, 132, 252, calc(.12 + (var(--page-phase-progress) * .18))),
        inset 0 0 20px #d946ef0a;
  transform: rotate(calc(var(--page-journey-progress) * 1turn)) scale(calc(.88 + (var(--page-phase-progress) * .18)));
  border: 1px solid #c084fc38;
  transition: transform .28s, box-shadow .28s;
  inset: 4px;
}

body.site-theme .scroll-phase-copy {
  gap: 4px;
  min-width: 0;
  display: grid;
}

body.site-theme .scroll-phase-index {
  color: #f1dfff70;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .68rem;
  font-weight: 700;
}

body.site-theme .scroll-phase-label {
  color: #f9f4fff5;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Noto Serif SC, Songti SC, serif;
  font-size: 1rem;
  font-weight: 700;
  overflow: hidden;
}

body.site-theme .scroll-phase-note {
  color: #d6c6eeb3;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .73rem;
}

body.site-theme .scroll-phase-meter {
  background: #ffffff0f;
  border-radius: 999px;
  width: 100%;
  height: 2px;
  overflow: hidden;
}

body.site-theme .scroll-phase-meter-fill {
  width: calc(var(--phase-hud-progress, 0) * 100%);
  border-radius: inherit;
  background: linear-gradient(90deg, #8b5cf6f5, #d946efeb, #e879f9e6);
  height: 100%;
  transition: width .2s linear;
  display: block;
  box-shadow: 0 0 16px #c084fc47;
}

body.site-theme .scroll-phase-hud.is-phase-shift .scroll-phase-label, body.site-theme .scroll-phase-hud.is-phase-shift .scroll-phase-note {
  animation: .42s phaseHudShift;
}

body.site-theme .page-phase-backdrop {
  z-index: -2;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

body.site-theme .page-phase-backdrop-panel, body.site-theme .page-phase-backdrop-copy {
  position: absolute;
}

body.site-theme .page-phase-backdrop-panel {
  background: linear-gradient(180deg, #ffffff05, #fff0),
        radial-gradient(circle at 50% 50%, rgba(217, 70, 239, calc(.04 + (var(--page-phase-backdrop-progress) * .08))), transparent 72%);
  width: min(20vw, 240px);
  box-shadow: inset 0 0 0 1px rgba(173, 133, 255, calc(.02 + (var(--page-phase-focus) * .06))),
        0 0 40px rgba(192, 132, 252, calc(var(--page-phase-focus) * .08));
  opacity: calc(.06 + (var(--page-phase-focus) * .08));
  filter: blur(.4px);
  border-radius: 999px;
  transition: opacity .4s, transform .46s, box-shadow .4s;
  top: -4%;
  bottom: -4%;
}

body.site-theme .page-phase-backdrop-panel-left {
  transform: translate3d(calc(var(--page-phase-shift) * -.3), calc((var(--page-journey-progress) * 80px) - 20px), 0) rotate(-7deg);
  left: 8%;
}

body.site-theme .page-phase-backdrop-panel-center {
  width: min(14vw, 180px);
  opacity: calc(.05 + (var(--page-phase-progress) * .06));
  transform: translate3d(calc(var(--page-phase-shift) * .14), calc((var(--page-journey-progress) * -64px) + 14px), 0) rotate(3deg);
  left: 39%;
}

body.site-theme .page-phase-backdrop-panel-right {
  width: min(22vw, 260px);
  transform: translate3d(calc(var(--page-phase-shift) * .22), calc((var(--page-journey-progress) * 52px) - 16px), 0) rotate(8deg);
  right: 9%;
}

body.site-theme .page-phase-backdrop-copy {
  backdrop-filter: blur(10px);
  opacity: calc(.18 + (var(--page-phase-focus) * .18));
  transform: translate3d(0, calc(var(--page-phase-shift) * .08), 0);
  background: #0904115c;
  border: 1px solid #ad85ff14;
  border-radius: 20px;
  gap: 4px;
  padding: 14px 16px;
  transition: opacity .3s, transform .34s;
  display: grid;
  bottom: 88px;
  left: 28px;
}

body.site-theme .page-phase-backdrop-index {
  color: #f1dfff42;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .68rem;
  font-weight: 700;
}

body.site-theme .page-phase-backdrop-label {
  color: #f9f4ffc2;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .92rem;
  font-weight: 700;
}

body.site-theme .page-phase-backdrop.is-backdrop-shift .page-phase-backdrop-label, body.site-theme .page-phase-backdrop.is-backdrop-shift .page-phase-backdrop-index {
  animation: .48s backdropShift;
}

body.site-theme .page-phase-curtain {
  z-index: 1138;
  pointer-events: none;
  opacity: calc(.08 + (var(--page-curtain-progress) * .08));
  position: fixed;
  inset: 0;
  overflow: hidden;
}

body.site-theme .page-phase-curtain-panel, body.site-theme .page-phase-curtain-copy {
  position: absolute;
}

body.site-theme .page-phase-curtain-panel {
  opacity: 0;
  background: linear-gradient(#05020ce6, #05020c00), radial-gradient(circle, #d946ef1f, #0000 62%);
  height: 18vh;
  left: 0;
  right: 0;
}

body.site-theme .page-phase-curtain-panel-top {
  top: 0;
  transform: translate3d(0, -105%, 0);
}

body.site-theme .page-phase-curtain-panel-bottom {
  bottom: 0;
  transform: translate3d(0, 105%, 0) rotate(180deg);
}

body.site-theme .page-phase-curtain-copy {
  backdrop-filter: blur(14px);
  opacity: 0;
  background: #08030f94;
  border: 1px solid #ad85ff1f;
  border-radius: 22px;
  justify-items: center;
  gap: 4px;
  padding: 14px 18px;
  display: grid;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(.92);
}

body.site-theme .page-phase-curtain-index {
  color: #f1dfff75;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .7rem;
  font-weight: 700;
}

body.site-theme .page-phase-curtain-label {
  color: #f9f4ffeb;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
}

body.site-theme .page-phase-curtain.is-curtain-sweep .page-phase-curtain-panel-top {
  animation: .72s cubic-bezier(.16, 1, .3, 1) curtainTopSweep;
}

body.site-theme .page-phase-curtain.is-curtain-sweep .page-phase-curtain-panel-bottom {
  animation: .72s cubic-bezier(.16, 1, .3, 1) curtainBottomSweep;
}

body.site-theme .page-phase-curtain.is-curtain-sweep .page-phase-curtain-copy {
  animation: .72s cubic-bezier(.16, 1, .3, 1) curtainCopyFlash;
}

body.site-theme .section-rail {
  z-index: 1150;
  backdrop-filter: blur(18px);
  background: #090411b3;
  border: 1px solid #ad85ff1f;
  border-radius: 24px;
  gap: 10px;
  padding: 14px 10px;
  display: grid;
  position: fixed;
  top: 50%;
  right: 26px;
  transform: translateY(-50%);
  box-shadow: 0 22px 60px #05010e57;
}

body.site-theme .section-rail-item {
  color: #f5f1ff8f;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 14px;
  grid-template-columns: auto 10px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 8px 10px;
  transition: background .25s, color .25s, transform .25s;
  display: grid;
}

body.site-theme .section-rail-item:hover {
  color: #f5f1ffd6;
  background: #ffffff0d;
  transform: translateX(-2px);
}

body.site-theme .section-rail-dot {
  background: #f5f1ff33;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  transition: transform .25s, background .25s, box-shadow .25s;
  box-shadow: inset 0 0 0 1px #ad85ff3d;
}

body.site-theme .section-rail-index {
  color: #f1dfff5c;
  letter-spacing: .14em;
  text-transform: uppercase;
  min-width: 24px;
  font-size: .68rem;
  font-weight: 700;
}

body.site-theme .section-rail-copy {
  gap: 7px;
  min-width: 0;
  display: grid;
}

body.site-theme .section-rail-label {
  white-space: nowrap;
  letter-spacing: .1em;
  text-transform: uppercase;
  max-width: 0;
  font-size: .78rem;
  font-weight: 700;
  transition: max-width .25s;
  overflow: hidden;
}

body.site-theme .section-rail-meter {
  background: #ffffff0f;
  border-radius: 999px;
  width: 0;
  height: 2px;
  transition: width .25s;
  overflow: hidden;
}

body.site-theme .section-rail-meter-fill {
  height: 100%;
  width: calc(var(--rail-progress, 0) * 100%);
  border-radius: inherit;
  background: linear-gradient(90deg, #8b5cf6f5, #d946efe6);
  transition: width .18s linear;
  display: block;
  box-shadow: 0 0 14px #c084fc3d;
}

body.site-theme .section-rail:hover .section-rail-label, body.site-theme .section-rail-item.is-active .section-rail-label {
  max-width: 170px;
}

body.site-theme .section-rail:hover .section-rail-meter, body.site-theme .section-rail-item.is-active .section-rail-meter, body.site-theme .section-rail-item.is-past .section-rail-meter {
  width: 110px;
}

body.site-theme .section-rail-item.is-active {
  color: var(--accent-soft);
  background: #8b5cf624;
}

body.site-theme .section-rail-item.is-active .section-rail-dot {
  background: linear-gradient(135deg, #8b5cf6, #d946eff0);
  transform: scale(1.24);
  box-shadow: 0 0 18px #c084fc61;
}

body.site-theme .section-rail-item.is-past {
  color: #f5f1ffbd;
}

body.site-theme .section-rail-item.is-past .section-rail-dot {
  background: #c084fc66;
  box-shadow: 0 0 12px #c084fc2e;
}

@keyframes heroAuroraShift {
  0% {
    transform: translate3d(-1%, 0, 0) scale(1);
  }

  50% {
    transform: translate3d(2%, -2%, 0) scale(1.06);
  }

  100% {
    transform: translate3d(-2%, 2%, 0) scale(1.02);
  }
}

@keyframes phaseHudShift {
  0% {
    opacity: .2;
    letter-spacing: .18em;
    transform: translate3d(0, 10px, 0);
  }

  55% {
    opacity: 1;
    transform: translate3d(0, -2px, 0);
  }

  100% {
    opacity: 1;
    letter-spacing: normal;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes projectCaptionShift {
  0% {
    opacity: .18;
    transform: translate3d(0, 12px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -2px, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes cinematicGateLift {
  0% {
    opacity: .16;
    letter-spacing: .18em;
    transform: translate3d(0, 16px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -2px, 0);
  }

  100% {
    opacity: 1;
    letter-spacing: normal;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes backdropShift {
  0% {
    opacity: .12;
    letter-spacing: .18em;
    transform: translate3d(0, 14px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -2px, 0);
  }

  100% {
    opacity: 1;
    letter-spacing: normal;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes introSceneShift {
  0% {
    opacity: .16;
    transform: translate3d(0, 14px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -2px, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes projectRailShift {
  0% {
    opacity: .18;
    transform: translate3d(0, 14px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -2px, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes updatesHudShift {
  0% {
    opacity: .18;
    transform: translate3d(0, 14px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -2px, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes honorHudShift {
  0% {
    opacity: .18;
    transform: translate3d(0, 14px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -2px, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes storySignalPulse {
  0%, 100% {
    opacity: .82;
    transform: scale(.9);
  }

  50% {
    opacity: 1;
    transform: scale(1.22);
  }
}

@keyframes curtainTopSweep {
  0% {
    opacity: 0;
    transform: translate3d(0, -105%, 0);
  }

  25% {
    opacity: .9;
    transform: translate3d(0, -14%, 0);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, -105%, 0);
  }
}

@keyframes curtainBottomSweep {
  0% {
    opacity: 0;
    transform: translate3d(0, 105%, 0) rotate(180deg);
  }

  25% {
    opacity: .9;
    transform: translate3d(0, 14%, 0) rotate(180deg);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, 105%, 0) rotate(180deg);
  }
}

@keyframes curtainCopyFlash {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(.9);
  }

  32% {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale(1);
  }

  100% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(.92);
  }
}

@keyframes heroOrbFloat {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  50% {
    transform: translate3d(0, -18px, 0) scale(1.08);
  }
}

@keyframes heroCodeFloat {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }

  10% {
    opacity: .46;
  }

  85% {
    opacity: .22;
  }

  100% {
    opacity: 0;
    transform: translate3d(18px, 120vh, 0);
  }
}

@keyframes sectionParticleDrift {
  0% {
    transform: translate3d(0, 0, 0) scale(.94);
  }

  50% {
    transform: translate3d(18px, -28px, 0) scale(1.06);
  }

  100% {
    transform: translate3d(-16px, 22px, 0) scale(.98);
  }
}

@keyframes sectionBeamSweep {
  0% {
    opacity: .04;
  }

  50% {
    opacity: .18;
  }

  100% {
    opacity: .08;
  }
}

@keyframes float {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  50% {
    transform: translate3d(0, -22px, 0) scale(1.18);
  }
}

@media (width <= 1100px) {
  body.site-theme .hero-content {
    grid-template-columns: 1fr;
    align-items: start;
  }

  body.site-theme .hero-signature-stage {
    opacity: .74;
    inset: -6% -6% -16% 54%;
  }

  body.site-theme .hero-signature-node {
    min-width: 164px;
  }

  body.site-theme .hero-command-strip {
    margin-top: 22px;
  }

  body.site-theme .milestone-grid, body.site-theme .hero-showcase-grid, body.site-theme .quick-links-grid, body.site-theme .project-spotlight-grid, body.site-theme .updates-timeline, body.site-theme .explore-grid, body.site-theme .benchmark-overview, body.site-theme .process-roadmap, body.site-theme .contact-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.site-theme .carousel-slide {
    width: min(92%, 760px);
    height: clamp(280px, 42vw, 420px);
  }

  body.site-theme .contact-content, body.site-theme .sponsor-content, body.site-theme .project-story-steps, body.site-theme .updates-story-stage-shell {
    grid-template-columns: 1fr;
  }

  body.site-theme .updates-story-hud {
    transform: none;
  }

  body.site-theme .updates-story-scenes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.site-theme .honor-story-stage-shell {
    grid-template-columns: 1fr;
  }

  body.site-theme .honor-story-hud {
    transform: none;
  }

  body.site-theme .honor-story-scenes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 960px) {
  body.site-theme .navbar .container {
    min-height: 74px;
  }

  body.site-theme .navbar {
    backdrop-filter: blur(22px);
  }

  body.site-theme .project-spotlight {
    min-height: auto;
  }

  body.site-theme .project-story-stage-shell {
    position: relative;
    top: auto;
  }

  body.site-theme .project-story-rail {
    display: none;
  }

  body.site-theme .recent-updates {
    min-height: auto;
  }

  body.site-theme .updates-story-stage-shell {
    position: relative;
    top: auto;
  }

  body.site-theme .updates-story-hud {
    display: none;
  }

  body.site-theme .honor {
    min-height: auto;
  }

  body.site-theme .honor-story-stage-shell {
    position: relative;
    top: auto;
  }

  body.site-theme .honor-story-hud {
    display: none;
  }

  body.site-theme .intro-scroll {
    min-height: auto;
  }

  body.site-theme .intro-scroll-container {
    min-height: auto;
    position: relative;
    top: auto;
  }

  body.site-theme .section-rail, body.site-theme .hero-signature-stage, body.site-theme .quick-links-kinetic-rail {
    display: none;
  }

  body.site-theme .section-chapter-mark {
    right: 24px;
  }

  body.site-theme .hamburger {
    display: flex;
  }

  body.site-theme .nav-menu {
    box-shadow: var(--shadow-lg);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    background: #0a0613f5;
    border: 1px solid #ad85ff24;
    border-radius: 26px;
    gap: 10px;
    padding: 18px;
    transition: all .25s;
    display: grid;
    position: fixed;
    top: 92px;
    left: 20px;
    right: 20px;
    transform: translateY(-12px);
  }

  body.site-theme .nav-menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

@media (width <= 720px) {
  body.site-theme .container, body.site-theme .hero-content, body.site-theme .intro-scroll-container {
    width: min(100% - 28px, 100%);
  }

  body.site-theme .hero {
    min-height: auto;
  }

  body.site-theme .hero-content {
    gap: 18px;
    padding-top: 124px;
    padding-bottom: 82px;
    transform: none;
  }

  body.site-theme .hero-image-collage {
    opacity: .34;
    grid-template-columns: repeat(3, 1fr);
    transform: none;
  }

  body.site-theme .collage-img-wrapper[data-mobile="false"] {
    display: none;
  }

  body.site-theme .hero-aurora {
    opacity: .52;
  }

  body.site-theme .hero-grid, body.site-theme .hero-code-rain, body.site-theme .hero-pointer-glow, body.site-theme .hero-scanlines, body.site-theme .hero-flow-canvas, body.site-theme .page-phase-backdrop, body.site-theme .page-phase-curtain, body.site-theme .scroll-rhythm-overlay, body.site-theme .scroll-phase-hud, body.site-theme .section-ambient-field, body.site-theme .section-cinematic-gate, body.site-theme .section-media-strip, body.site-theme .section-story-beam, body.site-theme .section-chapter-mark, body.site-theme .section-transition-veil, body.site-theme .hero-transition-gate, body.site-theme .project-entry-portal {
    display: none;
  }

  body.site-theme .hero-panel, body.site-theme .hero-showcase-card, body.site-theme .quick-link-card, body.site-theme .profile-container, body.site-theme .contact-message-section, body.site-theme .messages-list-section, body.site-theme .password-modal-content, body.site-theme .modal-content {
    border-radius: 24px;
    padding: 22px;
  }

  body.site-theme .hero h1 {
    font-size: clamp(2.3rem, 11.5vw, 3.85rem);
  }

  body.site-theme .intro-story-hud {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  body.site-theme .story-system-meta {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  body.site-theme .story-system-meta-track {
    justify-content: flex-start;
    width: 100%;
  }

  body.site-theme .intro-story-scene-grid {
    grid-template-columns: 1fr;
  }

  body.site-theme .intro-story-status {
    justify-items: start;
  }

  body.site-theme .hero-meta, body.site-theme .social-links, body.site-theme .contact-cards, body.site-theme .sponsor-actions {
    flex-direction: column;
  }

  body.site-theme .hero-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  body.site-theme .hero-stat {
    text-align: center;
    min-width: 0;
    padding: 14px 12px;
  }

  body.site-theme .hero-stat:last-child {
    grid-column: 1 / -1;
  }

  body.site-theme .hero-stat strong {
    font-size: 1.2rem;
  }

  body.site-theme .hero-buttons {
    flex-direction: column;
    align-items: stretch;
  }

  body.site-theme .hero-buttons .btn {
    width: 100%;
  }

  body.site-theme .hero-showcase {
    padding-top: 0;
  }

  body.site-theme .hero-command-strip {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 16px;
  }

  body.site-theme .hero-command-list {
    width: 100%;
    min-height: 46px;
  }

  body.site-theme .hero-command-item {
    font-size: .88rem;
    line-height: 1.5;
  }

  body.site-theme .hero-eyebrow {
    letter-spacing: .12em;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    font-size: .8rem;
    display: flex;
  }

  body.site-theme .hero-eyebrow-line {
    width: 32px;
  }

  body.site-theme .hero-eyebrow span:last-child {
    white-space: normal;
    flex: auto;
    min-width: 0;
  }

  body.site-theme .quick-links-grid, body.site-theme .hero-showcase-grid, body.site-theme .project-spotlight-grid, body.site-theme .updates-timeline, body.site-theme .explore-grid, body.site-theme .benchmark-overview, body.site-theme .milestone-grid, body.site-theme .process-roadmap, body.site-theme .contact-cards, body.site-theme .contact-action-grid {
    grid-template-columns: 1fr;
  }

  body.site-theme .project-story-caption {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 18px;
  }

  body.site-theme .project-story-stage-shell {
    grid-template-columns: 1fr;
  }

  body.site-theme .project-story-rail {
    transform: none;
  }

  body.site-theme .project-story-rail-scenes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.site-theme .honor-story-stage-shell {
    grid-template-columns: 1fr;
  }

  body.site-theme .honor-story-hud {
    transform: none;
  }

  body.site-theme .honor-story-scenes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.site-theme .section-scene-panel {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 18px;
  }

  body.site-theme .section-scene-panel-state {
    justify-self: start;
  }

  body.site-theme .project-story-caption-meta {
    grid-template-columns: auto auto;
    align-items: end;
  }

  body.site-theme .section-scene-panel-meter {
    width: 100%;
  }

  body.site-theme .project-story-caption-note {
    max-width: none;
  }

  body.site-theme .updates-timeline:before, body.site-theme .updates-timeline:after, body.site-theme .process-roadmap:before, body.site-theme .process-roadmap:after {
    display: none;
  }

  body.site-theme .carousel-3d {
    border-radius: 24px;
    height: 320px;
  }

  body.site-theme .carousel-slide {
    border-radius: 22px;
    width: 92%;
    height: 240px;
  }

  body.site-theme .slide-info-card, body.site-theme .carousel-progress {
    border-radius: 22px;
    padding: 18px;
  }

  body.site-theme .slide-info-card {
    border-radius: 0 0 22px 22px;
  }

  body.site-theme .carousel-progress-head {
    grid-template-columns: 1fr;
    display: grid;
  }

  body.site-theme .carousel-progress-text {
    width: fit-content;
  }

  body.site-theme .carousel-thumbnails {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }

  body.site-theme .thumbnail-item {
    border-radius: 14px;
    height: 58px;
  }

  body.site-theme .scroll-indicator {
    display: none;
  }

  body.site-theme .quick-links {
    margin-top: -14px;
  }

  body.site-theme .section-title {
    font-size: clamp(1.9rem, 10vw, 2.6rem);
  }

  body.site-theme .section-heading, body.site-theme .subsection-heading {
    margin-bottom: 24px;
  }

  body.site-theme .about-skills-section, body.site-theme .social-section, body.site-theme .project-spotlight-card, body.site-theme .update-card, body.site-theme .explore-card, body.site-theme .milestone-card, body.site-theme .process-card, body.site-theme .contact-cta-panel {
    border-radius: 24px;
    padding: 22px;
  }

  body.site-theme .articles-list, body.site-theme .class-wall-section, body.site-theme .doc-viewer-container, body.site-theme .leaderboard-section, body.site-theme .games-collection, body.site-theme .benchmark-container, body.site-theme .profile-section, body.site-theme .reaction-test-section, body.site-theme .sponsor-section {
    padding-top: 124px !important;
  }

  body.site-theme .footer-content-expanded {
    grid-template-columns: 1fr;
  }

  body.site-theme .footer-links, body.site-theme .footer-meta {
    justify-content: flex-start;
  }

  body.site-theme .reveal-card.reveal-variant-slide-left {
    --reveal-x: -24px;
  }

  body.site-theme .reveal-card.reveal-variant-slide-right {
    --reveal-x: 24px;
  }
}

@media (pointer: fine) {
  body.site-theme, body.site-theme a, body.site-theme button, body.site-theme input, body.site-theme textarea, body.site-theme select, body.site-theme [role="button"] {
    cursor: none;
  }
}

body.site-theme .site-cursor {
  background: var(--accent-color);
  pointer-events: none;
  z-index: 10001;
  will-change: transform;
  opacity: 0;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  transition: width .22s, height .22s, background .22s, border .22s, opacity .22s;
  position: fixed;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

body.site-theme .site-cursor.is-visible {
  opacity: 1;
}

body.site-theme .site-cursor.is-hovering {
  border: 1.5px solid var(--accent-color);
  mix-blend-mode: normal;
  background: #d946ef26;
  width: 44px;
  height: 44px;
}

body.site-theme .site-cursor-glow {
  pointer-events: none;
  z-index: 10000;
  filter: blur(4px);
  will-change: transform;
  opacity: 0;
  background: radial-gradient(circle, #c084fc59, #0000 70%);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  transition: opacity .3s;
  position: fixed;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

body.site-theme .site-cursor-glow.is-visible {
  opacity: 1;
}

body.site-theme .site-loading-screen {
  z-index: 10002;
  background: var(--bg-dark);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 28px;
  transition: opacity .7s cubic-bezier(.16, 1, .3, 1), visibility .7s;
  display: flex;
  position: fixed;
  inset: 0;
}

body.site-theme .site-loading-screen .loading-logo {
  color: var(--text-color);
  letter-spacing: normal;
  font-family: inherit;
  font-size: 1rem;
  animation: none;
}

body.site-theme .site-loading-screen .brand-mark-loading {
  animation: 1.6s ease-in-out infinite loadingPulse;
}

body.site-theme .site-loading-screen .loading-logo-text strong {
  color: var(--text-color);
}

body.site-theme .site-loading-screen .loading-logo-text span {
  color: #e9d5ffad;
}

body.site-theme .site-loading-screen .loading-bar {
  background: #8b5cf626;
  border-radius: 2px;
  width: 120px;
  height: 2px;
  overflow: hidden;
}

body.site-theme .site-loading-screen .loading-bar-fill {
  border-radius: inherit;
  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
  width: 0%;
  height: 100%;
  animation: 2s cubic-bezier(.4, 0, .2, 1) forwards loadingProgress;
  display: block;
}

body.site-theme .site-loading-screen.is-loaded {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@keyframes loadingPulse {
  0%, 100% {
    opacity: .5;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.02);
  }
}

@keyframes loadingProgress {
  0% {
    width: 0%;
  }

  40% {
    width: 55%;
  }

  80% {
    width: 85%;
  }

  100% {
    width: 100%;
  }
}

body.site-theme .click-spark-burst {
  pointer-events: none;
  z-index: 9997;
  position: fixed;
}

body.site-theme .click-spark {
  border-radius: 50%;
  animation: .55s cubic-bezier(.16, 1, .3, 1) forwards sparkFly;
  position: absolute;
}

@keyframes sparkFly {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) translate(0) scale(1);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) translate(var(--spark-tx), var(--spark-ty)) scale(.15);
  }
}

body.site-theme .hero-title-line.is-typing:after {
  content: "▌";
  color: var(--accent-color);
  margin-left: 2px;
  animation: .6s step-end infinite blinkCaret;
  display: inline;
}

body.site-theme .hero-title-line.is-glitching {
  text-shadow: 2px 0 #d946ef99, -2px 0 #8b5cf699;
  animation: .18s linear glitchShake;
}

@keyframes blinkCaret {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

@keyframes glitchShake {
  0% {
    transform: translate(0);
  }

  20% {
    transform: translate(-2px, 1px);
  }

  40% {
    transform: translate(2px, -1px);
  }

  60% {
    transform: translate(-1px, 2px);
  }

  80% {
    transform: translate(1px, -2px);
  }

  100% {
    transform: translate(0);
  }
}

body.site-theme .reveal-card.reveal-variant-slide-up {
  --reveal-y: 48px;
  --reveal-x: 0px;
  --reveal-rotate: 0deg;
  --reveal-blur: 0px;
}

body.site-theme .reveal-card.reveal-variant-scale {
  --reveal-y: 0px;
  --reveal-scale: .86;
  --reveal-blur: 6px;
}

body.site-theme .reveal-card.reveal-variant-slide-left {
  --reveal-y: 0px;
  --reveal-x: -55px;
  --reveal-rotate: 0deg;
}

body.site-theme .reveal-card.reveal-variant-slide-right {
  --reveal-y: 0px;
  --reveal-x: 55px;
  --reveal-rotate: 0deg;
}

body.site-theme .reveal-card.reveal-variant-blur {
  --reveal-y: 24px;
  --reveal-blur: 10px;
}

body.site-theme .reveal-card.reveal-variant-rotate {
  --reveal-y: 24px;
  --reveal-rotate: -3deg;
}

body.site-theme .reveal-card[class*="reveal-variant-"] {
  transform: perspective(1200px)
        translate3d(var(--reveal-x, 0px), calc(var(--magnetic-y, 0px) + var(--reveal-y, 38px)), 0)
        rotateX(var(--tilt-rotate-x, 0deg))
        rotateY(var(--tilt-rotate-y, 0deg))
        rotate(var(--reveal-rotate, 0deg))
        scale(var(--reveal-scale, .985));
  filter: blur(var(--reveal-blur, 12px));
}

body.site-theme .reveal-card[class*="reveal-variant-"].is-revealed {
  --reveal-y: 0px;
  --reveal-x: 0px;
  --reveal-scale: 1;
  --reveal-rotate: 0deg;
  --reveal-blur: 0px;
  filter: blur();
}

body.site-theme .holo-shine {
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(125deg, #0000 0%, #8b5cf60f 18%, #d946ef1a 32%, #c084fc0f 48%, #8b5cf61f 62%, #d946ef0d 78%, #0000 100%) 0 0 / 200% 200%;
  background-position: var(--spotlight-x, 50%) var(--spotlight-y, 50%);
  opacity: 0;
  mix-blend-mode: normal;
  transition: opacity .4s, mix-blend-mode 0s .4s;
  position: absolute;
  inset: 0;
}

body.site-theme .spotlight-card.is-spotlight-active .holo-shine, body.site-theme .spotlight-card:hover .holo-shine {
  opacity: 1;
  mix-blend-mode: overlay;
  transition: opacity .4s, mix-blend-mode;
}

@property --gradient-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

body.site-theme .animated-border-ring {
  z-index: -1;
  border-radius: inherit;
  background: conic-gradient(from var(--gradient-angle, 0deg),
        #8b5cf680,
        #d946ef66,
        #c084fc80,
        #8b5cf680);
  -webkit-mask-composite: xor;
  opacity: 0;
  pointer-events: none;
  padding: 1px;
  transition: opacity .4s;
  animation: 4s linear infinite borderRotate;
  position: absolute;
  inset: -1px;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-origin: content-box, border-box;
  mask-composite: exclude;
  mask-mode: match-source, match-source;
}

@supports not (background: conic-gradient(from var(--gradient-angle) , red, blue)) {
  body.site-theme .animated-border-ring {
    background: conic-gradient(#8b5cf680, #d946ef66, #c084fc80, #8b5cf680);
    animation: 4s linear infinite borderRotateFallback;
  }
}

body.site-theme .spotlight-card:hover .animated-border-ring, body.site-theme .is-revealed .animated-border-ring {
  opacity: 1;
}

@keyframes borderRotate {
  to {
    --gradient-angle: 360deg;
  }
}

@keyframes borderRotateFallback {
  to {
    transform: rotate(360deg);
  }
}

body.site-theme .section-float-indicator {
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  transition: opacity .5s;
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
}

body.site-theme .section-float-chevron {
  border-right: 2px solid var(--accent-color);
  border-bottom: 2px solid var(--accent-color);
  width: 20px;
  height: 20px;
  animation: 2.2s ease-in-out infinite floatBounce;
  transform: rotate(45deg);
}

@keyframes floatBounce {
  0%, 100% {
    opacity: .35;
    transform: rotate(45deg) translateY(0);
  }

  50% {
    opacity: .7;
    transform: rotate(45deg) translateY(7px);
  }
}

body.site-theme .navbar {
  --navbar-scroll-progress: 0;
  background: rgba(6, 3, 12, calc(.72 + var(--navbar-scroll-progress) * .2));
  backdrop-filter: blur(calc(18px + var(--navbar-scroll-progress) * 10px));
  box-shadow: 0 18px 50px rgba(2, 0, 8, calc(.34 + var(--navbar-scroll-progress) * .18)),
        0 0 calc(var(--navbar-scroll-progress) * 50px) rgba(139, 92, 246, calc(var(--navbar-scroll-progress) * .06));
  transition: border-color .3s;
}

@media (prefers-reduced-motion: reduce) {
  body.site-theme *, body.site-theme :before, body.site-theme :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  body.site-theme .intro-scroll {
    min-height: auto;
  }

  body.site-theme .intro-scroll-container {
    min-height: auto;
    position: relative;
    top: auto;
  }

  body.site-theme .section-ambient-field, body.site-theme .section-story-beam, body.site-theme .section-chapter-mark, body.site-theme .section-cinematic-gate, body.site-theme .section-media-strip, body.site-theme .section-transition-veil, body.site-theme .hero-signature-stage, body.site-theme .project-story-rail, body.site-theme .quick-links-kinetic-rail, body.site-theme .updates-story-hud, body.site-theme .honor-story-hud, body.site-theme .hero-transition-gate, body.site-theme .project-entry-portal, body.site-theme .page-phase-backdrop, body.site-theme .page-phase-curtain, body.site-theme .scroll-rhythm-overlay, body.site-theme .scroll-phase-hud, body.site-theme .site-cursor, body.site-theme .site-cursor-glow, body.site-theme .click-spark-burst, body.site-theme .section-float-indicator, body.site-theme .site-loading-screen {
    display: none !important;
  }

  body.site-theme .animated-border-ring {
    animation: none;
  }
}