.page-enter-active,.page-leave-active{transition:all .4s ease}.page-enter-from,.page-leave-to{filter:blur(1rem);opacity:0}.app-layout{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;min-height:100vh;overflow-x:hidden;position:relative}.background-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.wood-texture-overlay{background:radial-gradient(circle at 20% 80%,rgba(139,69,19,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(160,82,45,.1) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,140,66,.05) 0,transparent 70%);height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%}.circle-element{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#ff8c42,#ff6b1a);border-radius:50%;opacity:.8;position:absolute;will-change:transform}.circle-1{animation-delay:0s;height:300px;right:-150px;top:-150px;width:300px}.circle-2{animation-delay:2s;bottom:20%;height:200px;left:-100px;width:200px}.circle-3{animation-delay:4s;height:150px;right:10%;top:60%;width:150px}.square-element{animation:float 8s ease-in-out infinite;background:linear-gradient(135deg,#8b4513,sienna);opacity:.6;position:absolute;transform:rotate(45deg);will-change:transform}.square-1{animation-delay:1s;height:100px;left:5%;top:30%;width:100px}.square-2{animation-delay:3s;bottom:30%;height:80px;right:20%;width:80px}.square-3{animation-delay:5s;height:60px;left:15%;top:70%;width:60px}.square-element{animation:floatRotate 8s ease-in-out infinite}@keyframes floatRotate{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-20px)}}@media (max-width:1024px){.circle-1{height:250px;right:-125px;top:-125px;width:250px}.circle-2{height:150px;left:-75px;width:150px}.circle-3{height:120px;width:120px}.square-1{height:80px;width:80px}.square-2{height:60px;width:60px}.square-3{height:50px;width:50px}}@media (max-width:768px){.circle-1{height:200px;right:-100px;top:-100px;width:200px}.circle-2{height:120px;left:-60px;width:120px}.circle-3{height:100px;width:100px}.square-1{height:60px;width:60px}.square-2{height:50px;width:50px}.square-3{height:40px;width:40px}}@media (max-width:480px){.circle-1{height:150px;right:-75px;top:-75px;width:150px}.circle-2{height:100px;left:-50px;width:100px}.circle-3{height:80px;width:80px}.square-1{height:50px;width:50px}.square-2{height:40px;width:40px}.square-3{height:30px;width:30px}}.background-elements *{backface-visibility:hidden;perspective:1000px}header,main{position:relative}header{z-index:100}footer{position:relative;z-index:5}