/* A silent aurora film, dark glass and warm paper. Home-page presentation only. */
body:has(.home-container) { background: #081e2b; }
.home-container .atmosphere-wash {
  background: #081e2b url('assets/ambient/aurora-poster.webp') center / cover no-repeat;
}
.atmosphere-film { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; opacity: .95; }
.atmosphere-shade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, #03101b14, transparent 40%, #03132138), radial-gradient(ellipse at 48% 35%, transparent 30%, #010e1b33 100%); }
.home-container .atmosphere-aura, .home-container .atmosphere-grid,
.home-container .atmosphere-glyph, .home-container .atmosphere-ribbons { display: none; }
.home-container .atmosphere-pointer { background: radial-gradient(550px circle at var(--ambient-x, 75vw) var(--ambient-y, 20vh), #88e1dc0d, transparent 75%); }
.home-container .atmosphere-canvas { opacity: .3; }
.home-container .home-scroll-progress > span { background: linear-gradient(90deg, #8cd9c9, #96bada, #d6c5df); }
body:has(.home-container) .site-header { background: #071d2be8; border-bottom-color: #d5eceb1a; -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); }
body:has(.home-container) .brand-name { color: #f3f7f0; }
body:has(.home-container) .brand-caption { color: #a3bcc1; }
body:has(.home-container) .brand-mark { background: #d8f7e60d; color: #d2eee6; box-shadow: inset 0 0 0 1px #c5e8e326; }
body:has(.home-container) .header-nav a { color: #b9ced0; }
body:has(.home-container) .header-nav a:hover { background: #d3eee40d; color: #eff9f3; }
body:has(.home-container) .header-nav a.active { background: #c8e9df12; color: #e4f5e8; }
body:has(.home-container) .header-create { background: #d2ece2; color: #193f4b; border-color: #d2ece2; box-shadow: 0 4px 15px #020e1733; }
body:has(.home-container) .header-create:hover { background: #e7f4eb; }
body:has(.home-container) .avatar { background: #c7c1ed1f; color: #d4cdec; }
.home-container .subject-launcher { background: #0b2633c9; border-color: #c1e9e529; box-shadow: 0 10px 28px #03121f2e, inset 0 1px 0 #defff00d; }
.home-container .subject-launcher-heading > span { color: #a0c0bc; }
.home-container .subject-launcher-heading > a { color: #dbf4e8; }
.home-container .subject-shortcut { background: #dcece408; border-color: #b5d5ce24; color: #e9f5ed; }
.home-container .subject-shortcut.peach { box-shadow: inset 0 -2px 0 #d4b78b1f; }
.home-container .subject-shortcut.sky, .home-container .subject-shortcut.blue { box-shadow: inset 0 -2px 0 #a1d7df24; }
.home-container .subject-shortcut.lavender { box-shadow: inset 0 -2px 0 #cbb6e526; }
.home-container .subject-shortcut.sage { box-shadow: inset 0 -2px 0 #c0d8ad24; }
.home-container .shortcut-label small { color: #a0b9b7; }
.home-container .subject-shortcut::before { background: radial-gradient(110px circle at var(--tile-x, 50%) var(--tile-y, 50%), #b3f1df18, transparent 80%); }
.home-container .subject-shortcut::after { background: linear-gradient(90deg, transparent, #d4f7ea26, transparent); }
.home-container .subject-shortcut:hover, .home-container .subject-shortcut:focus-visible { background: #bbecdb0d; border-color: #c0f1db5e; box-shadow: 0 7px 21px #010e1b3d, inset 0 0 18px #8fd6c408; }
.home-container .welcome {
  background: linear-gradient(112deg, #081e2be8 0%, #103838b3 48%, #0b253b40 100%);
  box-shadow: inset 0 0 0 1px #c9eae42b, 0 28px 55px -25px #020c1b70;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.home-container .welcome::after { box-shadow: inset 0 1px 0 #edfff529, inset 1px 0 0 #e8fff01a, inset 0 -1px 0 #b2e0d31a; }
.home-container .welcome-scene { opacity: .13; }
.home-container .welcome h1 { color: #fffaf0; }
.home-container .welcome-emphasis { background: linear-gradient(105deg, #b3ead8 6%, #c7e7e8 55%, #e3d1f1 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.home-container .welcome .eyebrow { color: #b0d7ca; }
.home-container .welcome-eyebrow-mark { border-color: #b3dfd340; }
.home-container .welcome-copy > p:not(.eyebrow) { color: #c5d8d5; }
.home-container .welcome-details > span { color: #b5cfbf; }
.home-container .welcome-details .icon { color: #a1cab7; }
.home-container .welcome-actions .button-primary { background: linear-gradient(115deg, #d5ecdb, #c7e7dd); color: #153b44; border-color: #dbf5e147; box-shadow: 0 7px 22px #020e1b3d, 0 0 25px #97cfb30d; }
.home-container .welcome-actions .button-primary:hover { background: #e7f5e9; }
.home-container .welcome-actions .button-outline { background: #d0ede609; border-color: #bbdfd247; color: #e6f6ec; }
.home-container .welcome-actions .button-outline:hover { background: #d0ede617; }
.home-container .scene-portal { background: radial-gradient(circle at 34% 20%, #30716f8c, #214c586b 38%, #142c43ad 79%); box-shadow: inset 0 0 0 1px #c4eee433, inset 0 -22px 45px #03112466, 0 0 0 9px #d1ede808, 0 0 0 10px #bad8d31a, 0 25px 60px -20px #06172985, 0 0 65px #6db7ad14; }
.home-container .hero-caption { color: #b8d7cc; }
.home-container .hero-caption > span { background: #b3d8bf59; }
.home-container .hero-spark { color: #d0c59c; filter: drop-shadow(0 0 8px #f6efc433); }
.home-container .orbit-outer { stroke: #b4e8d52e; }
.home-container .orbit-inner { stroke: #d6f4e940; }
.home-container .orbit-dashed { stroke: #b0dbd23d; }
.home-container .orbit-node { fill: #7caea3; stroke: #d6f6e380; }
.home-container .orbit-node-warm { fill: #c5ad77; }
.home-container .hero-light-orbit { border-color: #bddcd329; }
.home-container .hero-light-orbit.orbit-second { border-color: #d1c29929; }
.home-container .hero-floor-glow { background: radial-gradient(ellipse, #86c1ac3b, transparent 68%); }
.home-container .hero-motion-toggle { background: #c7e4da0d; border-color: #c4e2d729; color: #cee6d9; }
.home-container .hero-motion-toggle:hover { background: #c7e4da1f; }
.home-container .learning-path { background: #092532bf; border-color: #c5e4d51f; }
.home-container .learning-path-intro { color: #93b4ae; }
.home-container .learning-path-intro strong { color: #d6eadd; }
.home-container .learning-path li { color: #c5dfd0; }
.home-container .learning-path li > span { color: #8bb6a6; }
.home-container .learning-path li:not(:last-child)::after { background: linear-gradient(90deg, #9fc5b140, transparent); }
.home-container .learning-path-end { color: #b1d3ba; border-color: #a4cfb72e; }
.home-container .learning-showcase { border-color: #ebfff038; box-shadow: 0 20px 45px -20px #010b1b61; }
.home-container .subjects-section .section-heading h2,
.home-container .featured-section .section-heading h2 { color: #f1f8ef; }
.home-container .subjects-section .section-heading .eyebrow,
.home-container .featured-section .section-heading .eyebrow { color: #abd1c1; }
.home-container .featured-section .section-note { color: #bdd5c8; }
.home-container .subject-card { border-color: #e6f0e5de; box-shadow: 0 5px 18px #020e1917; }
.home-container .subject-card:hover { border-color: #d4f2d9; box-shadow: 0 16px 30px -16px #010c1b99; }
.home-container .compendium-card { border-color: #e4f2e8b8; box-shadow: 0 15px 30px -16px #010b1b66; }
.home-container .compendium-card:hover { box-shadow: 0 22px 35px -12px #010b1b80; }
body:has(.home-container) .site-footer { background: #061b28e6; border-top-color: #c5e2d51f; color: #9bbab1; }
body:has(.home-container) .site-footer strong { color: #d8e9d9; }
body:has(.home-container) a:focus-visible, body:has(.home-container) button:focus-visible { outline-color: #94d3c2; }
@media (max-width: 540px) {
  .home-container .welcome { background: linear-gradient(155deg, #0a2530eb, #0d2f37c4 54%, #15294580); }
  .home-container .welcome-scene { opacity: .09; }
  .atmosphere-film, .home-container .atmosphere-wash { object-position: 58% center; background-position: 58% center; }
  .home-container .subject-launcher { background: #092430e0; }
}
@media (prefers-reduced-motion: reduce) {
  .atmosphere-film { visibility: hidden; }
}