:root{--main-bg-color: #f8fafc;--main-text-color: #333}.dark{--main-bg-color: #0f172a;--main-text-color: #ffffff}body{background-color:var(--main-bg-color);color:var(--main-text-color);margin:0;padding:0;overflow-x:hidden}#app{position:relative;min-height:100vh}#app>*:not(.page-background){position:relative;z-index:1}.page-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);transition:background .3s ease;pointer-events:none}.dark .page-background{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;pointer-events:none;will-change:transform}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(96,165,250,.8) 0%,rgba(59,130,246,.5) 50%,transparent 70%);top:-200px;right:-150px;animation:float-orb-1 20s ease-in-out infinite}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(167,139,250,.7) 0%,rgba(139,92,246,.4) 50%,transparent 70%);bottom:-150px;left:-100px;animation:float-orb-2 25s ease-in-out infinite}.orb-3{width:450px;height:450px;background:radial-gradient(circle,rgba(34,211,238,.6) 0%,rgba(6,182,212,.4) 50%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:float-orb-3 30s ease-in-out infinite}.dark .orb-1{background:radial-gradient(circle,rgba(59,130,246,.4) 0%,rgba(37,99,235,.25) 50%,transparent 70%)}.dark .orb-2{background:radial-gradient(circle,rgba(139,92,246,.35) 0%,rgba(124,58,237,.2) 50%,transparent 70%)}.dark .orb-3{background:radial-gradient(circle,rgba(6,182,212,.3) 0%,rgba(8,145,178,.18) 50%,transparent 70%)}@keyframes float-orb-1{0%,to{transform:translate(0)}33%{transform:translate(-100px,120px)}66%{transform:translate(80px,-80px)}}@keyframes float-orb-2{0%,to{transform:translate(0)}33%{transform:translate(100px,-60px)}66%{transform:translate(-80px,100px)}}@keyframes float-orb-3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}@media(prefers-reduced-motion:reduce){.gradient-orb{animation:none}}@media screen and (max-width:768px){.gradient-orb{filter:blur(60px);opacity:.2}.orb-1{width:300px;height:300px}.orb-2{width:250px;height:250px}.orb-3{width:200px;height:200px}}