:root{--bg-primary:#0A0A0A;--bg-secondary:#0F0F0F;--bg-accent:#141414;--gradient-start:#0A0A0A;--gradient-end:#1A1A1A;--gradient-angle:135deg;--grey-900:#0A0A0A;--grey-800:#141414;--grey-700:#1F1F1F;--grey-600:#2A2A2A;--grey-500:#3F3F3F;--grey-400:#555555;--grey-300:#707070;--grey-200:#8A8A8A;--grey-100:#A5A5A5;--grey-050:#F0F0F0}#webgl-canvas,.webgl-canvas{display:none!important}body{background:var(--bg-primary);background-image:radial-gradient(ellipse at top left,rgba(255,215,0,.03) 0,transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,215,0,.02) 0,transparent 50%),linear-gradient(var(--gradient-angle),var(--gradient-start) 0,var(--gradient-end) 100%);background-attachment:fixed;min-height:100vh;position:relative}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(255,255,255,.01) 35px,rgba(255,255,255,.01) 70px);pointer-events:none;z-index:1}.container,.hero,.nav,main{position:relative;z-index:2}.card,.chapter-card,.feature-section{background:rgba(20,20,20,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.card:hover,.chapter-card:hover,.feature-section:hover{background:rgba(20,20,20,.8);border-color:rgba(255,215,0,.1);box-shadow:0 0 20px rgba(255,215,0,.05),0 4px 12px rgba(0,0,0,.3)}.animated-bg,.constellation,.particles,.stars,.webgl-bg{display:none!important}*{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-perspective:1000}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}