.b2c-step1{display:flex;flex-direction:column;gap:16px}.b2c-step1 .b2c-step1-welcome{margin-top:2rem;font-size:22px;font-weight:700;display:flex;align-items:center;gap:8px}.b2c-step1 .b2c-step1-subtitle{font-size:16px;font-weight:600}.b2c-step1 .b2c-step1-text{font-size:15px;line-height:1.6;width:88%;color:#4a4a4a}.b2c-step1 .b2c-step1-links{font-size:15px;font-weight:600;color:#4b3afc;cursor:pointer}.b2c-step1 .b2c-step1-btn{width:160px;background:#4b3afc;color:#fff;padding:12px 0;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:.2s;margin-top:5rem}.b2c-step1 .b2c-step1-btn:hover{background:#3728d1}.b2c-step2-wrapper{flex:1 1;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;overflow-y:auto;min-height:400px}.b2c-step2-wrapper .b2c-form-card{flex:1 1;display:flex;flex-direction:column;gap:12px;transition:all .3s ease;opacity:1}.b2c-step2-wrapper .b2c-form-card.hidden{display:none}.b2c-step2-wrapper .b2c-form-card .b2c-step2-title{font-size:28px;font-weight:700;color:#1a1a1a}.b2c-step2-wrapper .b2c-form-card .b2c-step2-subtitle{font-size:15px;color:#666;line-height:1.5}.b2c-step2-wrapper .b2c-form-card .b2c-social-wrapper{margin-bottom:10px}.b2c-step2-wrapper .b2c-form-card .or-divider{text-align:center;margin:-7px 0;font-size:13px;color:#888;position:relative}.b2c-step2-wrapper .b2c-form-card .or-divider:after,.b2c-step2-wrapper .b2c-form-card .or-divider:before{content:"";position:absolute;top:36%;width:40%;height:1px;background:#ddd}.b2c-step2-wrapper .b2c-form-card .or-divider:before{left:0}.b2c-step2-wrapper .b2c-form-card .or-divider:after{right:0}.b2c-step2-wrapper .b2c-form-card .b2c-form-grid{margin-top:1rem;display:flex;flex-wrap:wrap;gap:12px}.b2c-step2-wrapper .b2c-form-card .b2c-form-grid .b2c-input-group{width:40%;display:flex;flex-direction:column;gap:4px}.b2c-step2-wrapper .b2c-form-card .b2c-form-grid .b2c-input-group label{font-size:15px;font-weight:600;color:#333}.b2c-step2-wrapper .b2c-form-card .b2c-form-grid .b2c-input-group input{padding:15px 12px;border:1px solid #ddd;border-radius:15px;font-size:14px;transition:all .2s ease}.b2c-step2-wrapper .b2c-form-card .b2c-form-grid .b2c-input-group input:focus{border-color:#4b3afc;background:#f7f4ff;outline:none;box-shadow:0 0 6px rgba(75,58,252,.3)}@media(max-width:768px){.b2c-step2-wrapper .b2c-form-card .b2c-form-grid .b2c-input-group{width:100%}}.b2c-step2-wrapper .b2c-form-card .b2c-checkbox{display:flex;gap:10px;align-items:flex-start}.b2c-step2-wrapper .b2c-form-card .b2c-checkbox input{width:18px;height:18px;margin-top:2px}.b2c-step2-wrapper .b2c-form-card .b2c-checkbox span{font-size:13px;line-height:1.4}.b2c-step2-wrapper .b2c-form-card .b2c-checkbox span b{color:#4b3afc;cursor:pointer}.b2c-step2-wrapper .b2c-form-card .b2c-continue-btn{width:160px;background:#4b3afc;color:#fff;padding:12px 0;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:.2s;margin-top:3rem}.b2c-step2-wrapper .b2c-form-card .b2c-continue-btn:hover{background:#3728d1}.b2c-step2-wrapper .b2c-form-card .b2c-continue-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.b2c-step2-wrapper .otp-card{width:100%;max-width:600px;margin:50px auto;background:linear-gradient(145deg,#fff,#f0f0ff);padding:35px 30px;border-radius:20px;height:-moz-fit-content;height:fit-content;box-shadow:0 12px 25px rgba(0,0,0,.12);transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.b2c-step2-wrapper .otp-card h3{font-size:24px;font-weight:700;margin-bottom:10px;color:#1a1a1a}.b2c-step2-wrapper .otp-card p{font-size:14px;margin-bottom:25px;color:#555;text-align:center}.b2c-step2-wrapper .otp-card .otp-inputs{display:flex;gap:12px;margin-bottom:25px}.b2c-step2-wrapper .otp-card .otp-inputs input{width:50px;height:55px;text-align:center;font-size:20px;font-weight:600;border:1px solid #ccc;border-radius:12px;background:#fafaff;transition:all .2s ease;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.b2c-step2-wrapper .otp-card .otp-inputs input:focus{border-color:#4b3afc;background:#f0f0ff;outline:none;box-shadow:0 0 8px rgba(75,58,252,.3)}.b2c-step2-wrapper .otp-card .otp-verify-btn{width:50%;padding:14px;background:linear-gradient(90deg,#4b3afc,#6e5aff);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px rgba(75,58,252,.3)}.b2c-step2-wrapper .otp-card .otp-verify-btn:hover{background:linear-gradient(90deg,#6e5aff,#4b3afc);transform:translateY(-2px);box-shadow:0 6px 15px rgba(75,58,252,.4)}.b2c-step2-wrapper .otp-card .otp-verify-btn.disabled,.b2c-step2-wrapper .otp-card .otp-verify-btn:disabled{background-color:#cfcfcf;cursor:not-allowed;opacity:.7}.b2c-step2-wrapper .otp-card .resend-otp-btn{background:transparent;border:none;color:#0d6efd;font-size:14px;font-weight:600;cursor:pointer;padding:0;transition:color .2s ease}.b2c-step2-wrapper .otp-card .resend-otp-btn:hover{color:#0257d5;text-decoration:underline}.b2c-step2-wrapper .otp-card .resend-otp-btn:disabled{color:#adb5bd;cursor:not-allowed;text-decoration:none}.b2c-step2-wrapper .otp-card .back-to-signin{font-size:14px;color:#495057;text-decoration:none;font-weight:500}.b2c-step2-wrapper .otp-card .back-to-signin i{font-size:12px}.b2c-step2-wrapper .otp-card .back-to-signin:hover{color:#0d6efd;text-decoration:underline}.b2c-step2-wrapper .otp-card .create-account{font-size:14px;color:#6c757d}.b2c-step2-wrapper .otp-card .create-account a{color:#0d6efd;font-weight:600;text-decoration:none}.b2c-step2-wrapper .otp-card .create-account a:hover{text-decoration:underline}.b2c-step2-wrapper .b2c-password-field,.b2c-step2-wrapper .b2c-password-field .password-input-wrapper{position:relative}.b2c-step2-wrapper .b2c-password-field .password-input-wrapper input{width:100%;padding:15px 12px;border:1px solid #ddd;border-radius:15px}.b2c-step2-wrapper .b2c-password-field .password-input-wrapper .eye-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.2rem;color:#6b7280}@media(max-width:1024px){.b2c-step2-wrapper{flex-direction:column;gap:20px}}@media(max-width:768px){.b2c-step2-wrapper{flex-direction:column;align-items:center;gap:20px}.b2c-step2-wrapper .b2c-form-card{width:100%}.otp-card{max-width:100%;margin:30px 0;padding:28px 20px}.otp-card .otp-inputs input{width:42px;height:48px;font-size:18px}.otp-card .otp-verify-btn{width:70%}}@media(max-width:480px){.b2c-step2-wrapper .b2c-form-card .b2c-step2-title{overflow-y:auto;max-height:100vh;font-size:22px}.b2c-step2-wrapper .b2c-form-card .b2c-step2-subtitle{font-size:14px}.otp-card{padding:25px 18px;border-radius:16px}.otp-card .otp-inputs input{width:38px;height:46px}.otp-card .otp-verify-btn{width:90%;font-size:15px}}