.app-root{position:relative;min-height:100vh}.background-layer{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0;transition:opacity .3s ease}.circle{position:absolute;border-radius:50%;z-index:1;opacity:0;transform:scale(.95);transition:background .3s ease}.fade-scale{animation:fadeScaleIn .7s ease-out forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}@keyframes fadeScaleIn{to{opacity:1;transform:scale(1)}}.circle-top{top:-40px;left:-40px;width:280px;height:280px;background:#ccfbf1;filter:blur(60px)}.circle-bottom{bottom:-10px;left:50%;transform:translateX(-50%) scale(.95);width:300px;height:300px;background:#dcfce7;filter:blur(80px)}.circle-right{right:-20px;bottom:50px;width:260px;height:260px;background:#99f6e4;filter:blur(70px)}.gradient-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.7));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1;transition:background .3s ease}.dark .circle-top{background:#581c87;filter:blur(70px)}.dark .circle-bottom{background:#7e22ce;filter:blur(90px)}.dark .circle-right{background:#6b21a8;filter:blur(80px)}.dark .gradient-overlay{background:linear-gradient(180deg,rgba(10,10,10,.6),rgba(10,10,10,.8))}.content{position:relative;z-index:2;padding-top:60px}