.flip-card-container{position:relative;width:440px;max-width:95vw;height:430px;transform-style:preserve-3d;perspective:800px;margin-top:20px}.flip-card-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;transform-style:preserve-3d;transition:all .6s ease-out}.flip-card-wrapper.flipped{transform:rotateY(180deg)}.card-back,.card-front{width:100%;height:100%;background-color:#2a2b38;background-image:radial-gradient(ellipse at bottom center,#102770 0,transparent 70%);position:absolute;border-radius:12px;left:0;top:0;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}.card-back{transform:rotateY(180deg)}.center-wrap{position:absolute;width:100%;padding:0 35px;top:50%;left:0;transform:translate3d(0,-50%,35px) perspective(100px);z-index:20}.toggle-track{position:relative;display:block;width:64px;height:18px;border-radius:9px;margin:8px auto 0;cursor:pointer;background-color:#1f2029}.toggle-thumb{position:absolute;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background-color:#102770;color:#ffeba7;z-index:20;top:-10px;left:-10px;transition:all .5s ease}.toggle-thumb.flipped{transform:translateX(44px) rotate(-270deg)}.flip-input-group{position:relative;display:block}.flip-input{padding:13px 20px 13px 55px;height:48px;width:100%;font-weight:500;border-radius:4px;font-size:14px;letter-spacing:.5px;outline:none;color:#c4c3ca;background-color:#1f2029;border:none;transition:all .2s linear;box-shadow:0 4px 8px 0 hsla(0,0%,8%,.2)}.flip-input:focus{background-color:#22232f;outline:none}.flip-input::-moz-placeholder{color:#c4c3ca;opacity:.6}.flip-input::placeholder{color:#c4c3ca;opacity:.6}.flip-input-icon{position:absolute;top:0;left:18px;height:48px;color:#ffeba7;display:flex;align-items:center}.flip-btn{border-radius:4px;height:44px;font-size:13px;font-weight:700;text-transform:uppercase;padding:0 30px;letter-spacing:1.5px;display:inline-flex;align-items:center;justify-content:center;border:none;background-color:#ffeba7;color:#102770;box-shadow:0 8px 24px 0 rgba(255,235,167,.25);cursor:pointer;width:100%;transition:all .2s linear}.flip-btn:hover{background-color:#102770;color:#ffeba7}.flip-btn:disabled{opacity:.6;cursor:not-allowed}.flip-alert-error{background-color:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.4);color:#fca5a5;border-radius:4px}.flip-alert-error,.flip-alert-success{padding:8px 12px;font-size:12px;text-align:center}.flip-alert-success{background-color:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.4);color:#6ee7b7;border-radius:4px}