.auth-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#060606;overflow:hidden}.auth-container>*{position:relative}.auth-shapes-wrapper{position:relative;max-width:1000px;width:100%;height:60%;display:flex;align-items:center;justify-content:center;padding:2rem}.password-input-white{position:relative}.password-input-white svg{color:hsla(0,0%,100%,.7)!important;cursor:pointer}.password-input-white button{background:transparent!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:0 8px 8px 0!important}.password-input-white button:hover{background:hsla(0,0%,100%,.1)!important}.password-input-white button:hover svg{color:#fff!important}.auth-card{position:relative;width:100%;max-width:800px;min-height:500px;padding:2rem;background:rgba(40,40,50,.15);backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%);border-radius:12px;border:1px solid hsla(0,0%,100%,.15);box-shadow:0 8px 32px rgba(0,0,0,.5);z-index:10;display:flex;flex-direction:column;justify-content:center}.pink-shape{position:absolute;width:250px;height:250px;background:#ef476f;border-radius:50%;top:-8%;left:-8%;opacity:.6;animation:floatShape1 8s ease-in-out infinite;box-shadow:0 10px 30px rgba(239,71,111,.3);z-index:1}.yellow-shape{width:200px;height:200px;background:#ffd166;border-radius:6px;top:8%;animation:floatShape2 7s ease-in-out infinite;box-shadow:0 10px 30px rgba(255,209,102,.3)}.teal-shape,.yellow-shape{position:absolute;right:3%;opacity:.6;z-index:1}.teal-shape{width:180px;height:180px;background:#06d6a0;clip-path:polygon(50% 0,0 100%,100% 100%);bottom:3%;animation:floatShape3 10s ease-in-out infinite;box-shadow:0 10px 30px rgba(6,214,160,.3)}@keyframes floatShape1{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(30px,-20px) rotate(90deg)}50%{transform:translate(60px,10px) rotate(180deg)}75%{transform:translate(30px,30px) rotate(270deg)}}@keyframes floatShape2{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-40px,-30px) rotate(-90deg)}50%{transform:translate(-20px,-60px) rotate(-180deg)}75%{transform:translate(-50px,-20px) rotate(-270deg)}}@keyframes floatShape3{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-40px,-30px) rotate(-90deg)}50%{transform:translate(-20px,-60px) rotate(-180deg)}75%{transform:translate(-50px,-20px) rotate(-270deg)}}@media (max-width:768px){.auth-card{max-width:90%}.pink-shape{width:180px;height:180px}.yellow-shape{width:150px;height:150px}.teal-shape{width:130px;height:130px}}@media (max-width:480px){.pink-shape{width:120px;height:120px}.yellow-shape{width:100px;height:100px}.teal-shape{width:90px;height:90px}}