html,body{overflow-y:hidden}.perspective{perspective:1200px}.card-container{width:100%;height:98%;transform-style:preserve-3d;transition:transform .8s ease-in-out;position:relative}.card-container.rotate{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff0d;border:1px solid #fff3;border-radius:1rem;width:100%;padding:2rem;position:absolute;top:50%;left:0;box-shadow:0 0 20px #0003}.card-front{z-index:2;transform:rotateY(0)translateY(-50%)}.card-back{z-index:1;min-width:600px;position:absolute;top:50%;left:50%;transform:rotateY(180deg)translate(50%,-50%)}.card-content{flex-direction:column;gap:1rem;display:flex}.form-input{color:#fff;background-color:#ffffff1a;border-radius:.375rem;width:100%;padding:.5rem 1rem}.form-input ::placeholder{color:#9ca3af}.form-input{outline:none}.form-input:focus{outline:none;box-shadow:0 0 0 2px #ffffff4d}.submit-btn{color:#fff;cursor:pointer;background-color:#fff3;border:none;border-radius:.375rem;width:100%;padding:.5rem 0;font-weight:600;transition:background-color .2s ease-in-out}.submit-btn:hover{background-color:#ffffff4d}.form-input:disabled{color:#aaa;background-color:#ffffff0d;background-image:repeating-linear-gradient(45deg,#ffffff1a 0 1px,#0000 1px 20px)}