.wrapper{position:relative;width:100%;max-width:400px;height:500px;perspective:1000px}.card-switch{position:absolute;top:20px;right:20px;z-index:10}.switch{position:relative;display:inline-block;width:60px;height:30px}.toggle{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:30px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;border-radius:50%}.toggle:checked+.slider{background-color:#4caf50}.toggle:checked+.slider:before{transform:translateX(30px)}.card-side{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.card-side.flipped{transform:rotateY(180deg)}.flip-card__inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flip-card__back,.flip-card__front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.1);padding:40px;display:flex;flex-direction:column;justify-content:center}.flip-card__front{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(99,102,241,.1))}.flip-card__back{transform:rotateY(180deg);background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.1))}.flip-card__back h2,.flip-card__front h2{margin:0 0 30px;font-size:28px;font-weight:600;color:#1f2937}.wrapper .input-group{margin-bottom:20px}.wrapper .input-group input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:12px;font-size:16px;background:#fff;color:#1f2937;transition:all .2s;box-sizing:border-box}.wrapper .input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.wrapper .input-group input:disabled{opacity:.6;cursor:not-allowed}.wrapper .input-group input::-moz-placeholder{color:#9ca3af}.wrapper .input-group input::placeholder{color:#9ca3af}.wrapper .error-message{color:#dc2626;font-size:14px;margin-bottom:16px;text-align:center;font-weight:500}.wrapper .submit-btn{width:100%;padding:12px 24px;background:#1f2937;color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:10px}.wrapper .submit-btn:hover:not(:disabled){background:#111827;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.wrapper .submit-btn:active:not(:disabled){transform:translateY(0)}.wrapper .submit-btn:disabled{opacity:.6;cursor:not-allowed}