.auth-page{min-height:100dvh;position:relative;overflow:hidden}.auth-bg{z-index:0;background:linear-gradient(135deg,#0f0a2e 0%,#1a1145 30%,#0d1b3e 60%,#0a0e2a 100%);position:fixed;inset:0}.auth-gradient{filter:blur(80px);opacity:.5;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.auth-gradient-1{background:radial-gradient(circle,#6366f166 0%,#0000 70%);width:600px;height:600px;animation-delay:0s;top:-10%;right:-5%}.auth-gradient-2{background:radial-gradient(circle,#8b5cf64d 0%,#0000 70%);width:500px;height:500px;animation-duration:25s;animation-delay:-7s;bottom:-10%;left:-5%}.auth-gradient-3{background:radial-gradient(circle,#06b6d440 0%,#0000 70%);width:400px;height:400px;animation-duration:30s;animation-delay:-14s;top:40%;left:30%}.auth-grid{z-index:1;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 70%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 70%,#000 40%,#0000 100%)}.auth-shapes{z-index:2;pointer-events:none;position:fixed;inset:0}.auth-shape{border:1px solid #ffffff14;border-radius:50%;animation:30s ease-in-out infinite drift;position:absolute}.auth-shape-1{width:300px;height:300px;animation-delay:0s;top:10%;left:5%}.auth-shape-2{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:200px;height:200px;animation-duration:25s;animation-delay:-5s;top:60%;right:10%}.auth-shape-3{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:150px;height:150px;animation-duration:35s;animation-delay:-10s;bottom:15%;left:15%}.auth-shape-4{width:100px;height:100px;animation-duration:22s;animation-delay:-15s;top:20%;right:25%}.auth-shape-5{border-radius:40% 60% 60% 40%/60% 30% 70% 40%;width:250px;height:250px;animation-duration:28s;animation-delay:-20s;top:50%;left:50%}.auth-content{z-index:10;justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex;position:relative}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(15px,30px)scale(1.02)}}@keyframes drift{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(20px,-30px)rotate(5deg)}66%{transform:translate(-15px,15px)rotate(-3deg)}}