:root{--bg-primary:#0A0A0A;--bg-secondary:#0F0F0F;--bg-accent:#141414;--gradient-start:#0A0A0A;--gradient-end:#1A1A1A;--gradient-angle:135deg}.webgl-canvas,#webgl-canvas{display:none!important}body{background:var(--bg-primary);background-image:radial-gradient(ellipse at top left,rgba(255,215,0,0.03) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,215,0,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,0.01) 35px,rgba(255,255,255,0.01) 70px);pointer-events:none;z-index:1}main,.container,.hero,.nav{position:relative;z-index:2}.feature-section,.card,.chapter-card{background:rgba(20,20,20,0.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.05)}.feature-section:hover,.card:hover,.chapter-card:hover{background:rgba(20,20,20,0.8);border-color:rgba(255,215,0,0.1);box-shadow:0 0 20px rgba(255,215,0,0.05),0 4px 12px rgba(0,0,0,0.3)}.particles,.stars,.constellation,.webgl-bg,.animated-bg{display:none!important}*{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-perspective:1000}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}