*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:Times New Roman,Times,serif}body{background-color:#000;color:#f5f5f5}.hero{position:relative}.inner{width:100%;height:100%;position:absolute;top:0;left:0;background:radial-gradient(100px at var(--x) var(--y),rgba(144,238,144,.6),rgba(255,255,255,0));transition:all 1s linear;z-index:50;pointer-events:none}.dashboard-bg{background:linear-gradient(135deg,#f5faf5,#e8f2e8,#faf7f2);min-height:100vh;position:relative;overflow:hidden}.dashboard-bg:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(122,163,122,.15) 0%,transparent 70%);top:-200px;right:-200px;border-radius:50%;pointer-events:none}.dashboard-bg:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(196,149,106,.1) 0%,transparent 70%);bottom:-100px;left:-100px;border-radius:50%;pointer-events:none}.nutrition-bg{background:linear-gradient(135deg,#faf7f2,#f5e8e0,#e8f2e8);min-height:100vh;position:relative;overflow:hidden}.nutrition-bg:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(196,149,106,.12) 0%,transparent 70%);top:-150px;left:-150px;border-radius:50%;pointer-events:none}.nutrition-bg:after{content:"";position:absolute;width:550px;height:550px;background:radial-gradient(circle,rgba(122,163,122,.1) 0%,transparent 70%);bottom:-200px;right:-200px;border-radius:50%;pointer-events:none}.wellness-bg{background:linear-gradient(135deg,#e8f0e8,#f5faf5,#faf7f2);min-height:100vh;position:relative;overflow:hidden}.wellness-bg:before{content:"";position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(155,127,199,.08) 0%,transparent 70%);top:-300px;right:-300px;border-radius:50%;pointer-events:none}.wellness-bg:after{content:"";position:absolute;width:450px;height:450px;background:radial-gradient(circle,rgba(122,163,122,.12) 0%,transparent 70%);bottom:-150px;left:-150px;border-radius:50%;pointer-events:none}.fitness-bg{background:linear-gradient(135deg,#e8f2e8,#f5faf5 40%,#ffe8e8);min-height:100vh;position:relative;overflow:hidden}.fitness-bg:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(196,149,106,.15) 0%,transparent 70%);top:-200px;right:-200px;border-radius:50%;pointer-events:none}.fitness-bg:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(122,163,122,.12) 0%,transparent 70%);bottom:-150px;left:-150px;border-radius:50%;pointer-events:none}.page-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.page-glow{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(40px);opacity:0;transition:all .1s linear;pointer-events:none}.page-glow.dashboard{background:radial-gradient(circle,rgba(122,163,122,.25),transparent)}.page-glow.nutrition{background:radial-gradient(circle,rgba(196,149,106,.2),transparent)}.page-glow.wellness{background:radial-gradient(circle,rgba(155,127,199,.15),transparent)}.page-glow.fitness{background:radial-gradient(circle,rgba(196,149,106,.22),transparent)}.page-glow.active{opacity:1}