:root{--blue-primary:#0b5cf6;--blue-dark:#0b3f9e;--blue-light:#eaf1fe;--blue-hover:#094ecc;--text-dark:#16202e;--text-muted:#5a6a85;--border-color:#cbd5e1;--border-focus:#0b5cf6;--bg-card:#fffffff5;--shadow-main:0 18px 40px -12px #0b3f9e29, 0 3px 12px #00000008;--shadow-hover:0 10px 24px -6px #0b3f9e38;--radius-lg:15px;--radius-md:11px;--radius-sm:8px}.register-page-wrapper *{box-sizing:border-box}.svg-symbols-def{visibility:hidden!important;width:0!important;height:0!important;display:none!important;position:absolute!important;overflow:hidden!important}.register-page-wrapper svg.icon{flex:none!important;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;display:block!important}.register-page-wrapper svg.icon-sm{flex:none!important;width:15px!important;min-width:15px!important;max-width:15px!important;height:15px!important;min-height:15px!important;max-height:15px!important;display:block!important}.register-page-wrapper svg.flag{border-radius:2px!important;flex:none!important;width:19px!important;min-width:19px!important;max-width:19px!important;height:13px!important;min-height:13px!important;max-height:13px!important;display:block!important}.register-page-wrapper{color:var(--text-dark);-webkit-font-smoothing:antialiased;background-color:#f4f7fe;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;height:100vh;min-height:100vh;max-height:100vh;font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.register-page-wrapper::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}html::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.register-page-wrapper .shell{box-sizing:border-box;grid-template-columns:minmax(0,1.35fr) minmax(480px,510px);justify-content:space-between;align-items:center;gap:36px;width:100%;max-width:1620px;height:100%;max-height:100vh;margin:0 auto;padding:10px 48px;display:grid}.register-banner-container{z-index:2;flex-direction:column;justify-content:center;gap:10px;width:100%;display:flex}.register-banner-header{position:relative}.register-banner-header .brand-logo{margin-bottom:8px;object-fit:contain!important;width:auto!important;max-width:150px!important;height:42px!important;display:block!important}.register-banner-header h1{color:var(--text-dark);letter-spacing:-.5px;margin:0 0 4px;font-size:clamp(24px,2vw,32px);font-weight:800;line-height:1.2}.register-banner-header h1 span{color:var(--blue-primary)}.register-banner-header .subtitle{color:#475569;max-width:600px;margin:0;font-size:clamp(12.5px,.9vw,14px);font-weight:500;line-height:1.4}.steps-title{color:var(--blue-primary);letter-spacing:-.2px;margin:2px 0 0;font-size:15px;font-weight:700}.register-hero-body{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex;position:relative}.register-steps-list{z-index:2;flex-direction:column;flex:0 0 310px;gap:10px;max-width:320px;display:flex;position:relative}.step-item{align-items:center;display:flex;position:relative}.step-number{background:var(--blue-primary);color:#fff;z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;font-size:13.5px;font-weight:800;display:flex;box-shadow:0 3px 8px #0b5cf659}.step-pill-card{-webkit-backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #fffffff2;border-radius:10px;flex:1;align-items:center;gap:10px;margin-left:-12px;padding:8px 14px 8px 18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 6px #00000008,0 0 0 1px #1f1f1f0d}.step-pill-card:hover{background:#fffffffa;transform:translate(4px);box-shadow:0 4px 14px -3px #0b3f9e29}.step-icon{object-fit:contain!important;flex-shrink:0!important;width:30px!important;max-width:30px!important;height:30px!important;max-height:30px!important}.step-text{flex-direction:column;justify-content:center;display:flex}.step-text strong{color:var(--text-dark);font-size:13px;font-weight:700;line-height:1.2}.step-text span{color:var(--text-muted);font-size:11.5px;font-weight:500;line-height:1.15}.register-store-illustration{pointer-events:none;flex:1;justify-content:center;align-items:flex-end;min-width:0;display:flex;position:relative}.register-store-illustration .store-img{filter:drop-shadow(0 20px 38px #0b3f9e33);transition:transform .3s;transform:translateY(6px)scale(1.13);object-fit:contain!important;width:100%!important;max-width:550px!important;height:auto!important;max-height:360px!important;display:block!important}.register-perks-row{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-top:4px;display:grid}.perk-card{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);text-align:center;background:#ffffffeb;border:1px solid #fffffff2;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;transition:transform .22s,box-shadow .22s,background .22s;display:flex;box-shadow:0 3px 10px #0b3f9e0d}.perk-card:hover{box-shadow:var(--shadow-hover);background:#fff;transform:translateY(-2px)}.perk-icon-img{object-fit:contain!important;width:44px!important;max-width:44px!important;height:44px!important;max-height:44px!important;margin:0 auto!important;display:block!important}.perk-card span{color:var(--text-dark);font-size:12px;font-weight:700;line-height:1.25}.mobile-banner-img{display:none}.register-page-wrapper .form-section{z-index:5;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.register-page-wrapper .card{width:100%;background:var(--bg-card)!important;-webkit-backdrop-filter:blur(16px)!important;border-radius:var(--radius-lg)!important;max-width:510px!important;box-shadow:var(--shadow-main)!important;box-sizing:border-box!important;border:1px solid #ffffffd9!important;padding:16px 22px!important}.register-page-wrapper fieldset{border:0!important;min-width:0!important;margin:0!important;padding:0!important}.register-page-wrapper .sec+.sec{border-top:1px solid #e2e8f0!important;margin-top:8px!important;padding-top:8px!important}.register-page-wrapper .sec-head{align-items:center!important;gap:7px!important;margin-bottom:6px!important;display:flex!important}.register-page-wrapper .sec-head .badge{border-radius:7px!important;flex:none!important;justify-content:center!important;align-items:center!important;width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important;display:inline-flex!important}.register-page-wrapper .sec-head .badge svg{width:15px!important;min-width:15px!important;height:15px!important;min-height:15px!important;display:block!important}.register-page-wrapper .badge-blue{color:#0b5cf6!important;background:#ebf3ff!important}.register-page-wrapper .badge-green{color:#10b981!important;background:#e6f8f0!important}.register-page-wrapper .badge-violet{color:#8b5cf6!important;background:#f3e8ff!important}.register-page-wrapper .badge-orange{color:#f97316!important;background:#fff4e5!important}.register-page-wrapper .sec-head h2{text-transform:uppercase!important;letter-spacing:.3px!important;color:var(--text-dark)!important;margin:0!important;font-size:12px!important;font-weight:700!important}.register-page-wrapper .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 9px!important;display:grid!important}.register-page-wrapper .grid.one{grid-template-columns:1fr!important}.register-page-wrapper .field{flex-direction:column!important;gap:2px!important;min-width:0!important;display:flex!important}.register-page-wrapper .field.span2{grid-column:1/-1!important}.register-page-wrapper label{color:#334155!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 0 1px!important;font-size:11.5px!important;font-weight:600!important;display:block!important;overflow:hidden!important}.register-page-wrapper label .req{color:#ef4444!important;margin-left:2px!important}.register-page-wrapper .ctrl{border:1.2px solid var(--border-color)!important;border-radius:var(--radius-sm)!important;background:#fff!important;align-items:center!important;width:100%!important;min-width:0!important;height:36px!important;transition:border-color .18s,box-shadow .18s!important;display:flex!important;position:relative!important}.register-page-wrapper .ctrl:focus-within{border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #0b5cf61f!important}.register-page-wrapper .ctrl>.icon-sm,.register-page-wrapper .ctrl>.flag{color:#94a3b8!important;pointer-events:none!important;z-index:2!important;position:absolute!important;top:50%!important;left:9px!important;transform:translateY(-50%)!important}.register-page-wrapper .ctrl:focus-within>.icon-sm{color:var(--blue-primary)!important}.register-page-wrapper .ctrl .caret{pointer-events:none!important;z-index:2!important;position:absolute!important;top:50%!important;right:9px!important;transform:translateY(-50%)!important}.register-page-wrapper .ctrl input,.register-page-wrapper .ctrl select{width:100%!important;height:100%!important;font:inherit!important;color:var(--text-dark)!important;appearance:none!important;background:0 0!important;border:none!important;outline:none!important;min-width:0!important;margin:0!important;padding:0 22px 0 30px!important;font-size:12.5px!important}.register-page-wrapper .ctrl.no-icon input,.register-page-wrapper .ctrl.no-icon select{padding:0 9px!important}.register-page-wrapper .ctrl select{cursor:pointer!important}.register-page-wrapper .ctrl select.is-placeholder{color:#94a3b8!important}.register-page-wrapper .ctrl.ctrl-with-action input{padding-right:80px!important}.register-page-wrapper .btn-otp-action{color:var(--blue-primary)!important;cursor:pointer!important;white-space:nowrap!important;z-index:3!important;background:#ebf3ff!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;padding:0 9px!important;font-family:inherit!important;font-size:11px!important;font-weight:700!important;transition:all .18s!important;display:flex!important;position:absolute!important;top:3px!important;bottom:3px!important;right:3px!important}.register-page-wrapper .btn-otp-action:hover:not(:disabled){background:var(--blue-primary)!important;color:#fff!important}.register-page-wrapper .btn-otp-action:disabled{opacity:.65!important;cursor:not-allowed!important}.register-page-wrapper .btn-pwd-toggle{color:#64748b!important;cursor:pointer!important;z-index:3!important;background:0 0!important;border:none!important;border-radius:4px!important;padding:4px 6px!important;font-family:inherit!important;font-size:11.5px!important;font-weight:600!important;transition:color .15s!important;position:absolute!important;top:50%!important;right:8px!important;transform:translateY(-50%)!important}.register-page-wrapper .btn-pwd-toggle:hover{color:var(--blue-primary)!important}.register-page-wrapper .upload{text-align:center!important;cursor:pointer!important;border-radius:var(--radius-sm)!important;background:#f8fafc!important;border:1.4px dashed #cbd5e1!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:2px!important;min-height:68px!important;padding:4px!important;transition:all .18s!important;display:flex!important}.register-page-wrapper .upload svg{width:19px!important;min-width:19px!important;height:19px!important;min-height:19px!important;color:var(--blue-primary)!important;margin-bottom:2px!important;display:block!important}.register-page-wrapper .upload:hover{border-color:var(--blue-primary)!important;background:#f0f6ff!important}.register-page-wrapper .upload b{color:var(--text-dark)!important;font-size:11.5px!important;font-weight:600!important}.register-page-wrapper .upload small{color:#64748b!important;font-size:9.5px!important}.register-page-wrapper .upload input{display:none!important}.register-page-wrapper .upload .logo-preview{object-fit:contain!important;border-radius:var(--radius-sm)!important;width:100%!important;height:56px!important}.register-page-wrapper .submit{border-radius:var(--radius-sm)!important;cursor:pointer!important;color:#fff!important;width:100%!important;height:39px!important;font:inherit!important;background:linear-gradient(135deg,#1a6bff 0%,#0b4fe0 100%)!important;border:0!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin-top:11px!important;font-size:13.5px!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 6px 16px -4px #0b4fe073!important}.register-page-wrapper .submit svg{width:15px!important;min-width:15px!important;height:15px!important;min-height:15px!important;display:block!important}.register-page-wrapper .submit:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 10px 20px -4px #0b4fe08c!important}.register-page-wrapper .submit:disabled{opacity:.7!important;cursor:not-allowed!important}.register-page-wrapper .card>footer{text-align:center!important;color:#475569!important;margin-top:8px!important;font-size:12px!important}.register-page-wrapper .card>footer a{color:var(--blue-primary)!important;font-weight:700!important;text-decoration:none!important}.register-page-wrapper .card>footer a:hover{text-decoration:underline!important}.success-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:999;background:#0f172aa6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.success-modal{border-radius:var(--radius-lg);text-align:center;background:#fff;width:100%;max-width:420px;padding:28px 22px;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;box-shadow:0 25px 50px -12px #00000040}@keyframes modalPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.success-icon{color:#10b981;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;display:flex}.success-icon svg{width:28px;height:28px}.success-modal h2{color:var(--text-dark);margin:0 0 8px;font-size:19px;font-weight:800}.success-modal p{color:#475569;margin:0 0 16px;font-size:12.5px;line-height:1.45}.success-modal .btn-finish{background:var(--blue-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;height:40px;font-size:13.5px;font-weight:700;transition:background .18s}.success-modal .btn-finish:hover{background:var(--blue-dark)}@media (max-width:1380px){.register-page-wrapper .shell{grid-template-columns:minmax(0,1.2fr) minmax(470px,490px);gap:24px;padding:10px 24px}.register-steps-list{flex:0 0 280px;max-width:290px}.register-store-illustration .store-img{transform:translateY(4px)scale(1.08);max-width:450px!important;max-height:320px!important}}@media (max-width:1024px){.register-page-wrapper{height:auto;min-height:100vh;max-height:none;overflow-y:auto}.register-page-wrapper .shell{grid-template-columns:1fr;gap:24px;max-width:640px;height:auto;max-height:none;padding:24px 16px;overflow:visible}.register-banner-container{max-width:100%}.register-hero-body{flex-direction:row;justify-content:space-between}.register-steps-list{flex:1;max-width:320px}.register-store-illustration .store-img{transform:none;max-width:300px!important;max-height:240px!important}.register-page-wrapper .form-section{width:100%}.register-page-wrapper .card{max-width:100%!important}}@media (max-width:768px){.register-page-wrapper{align-items:flex-start;height:auto;min-height:100vh;max-height:none;overflow-y:auto;background-color:#f4f7fe!important;background-image:none!important}.register-page-wrapper .shell{flex-direction:column;gap:0;height:auto;max-height:none;padding:0 0 32px;display:flex;overflow:visible}.register-banner-container{display:none!important}.mobile-banner-img{width:100%;height:auto;margin-bottom:16px;border-radius:0!important;display:block!important}.register-page-wrapper .form-section{flex-direction:column;padding:0 16px}.register-page-wrapper .card{border:none!important;width:100%!important;max-width:520px!important;padding:20px 16px!important;box-shadow:0 8px 30px #0b3f9e1f!important}}@media (max-width:480px){.register-page-wrapper .grid{grid-template-columns:1fr!important}.register-page-wrapper .field[style*=span\ 2],.register-page-wrapper .field[style*="grid-row: span 2"]{grid-row:auto!important}}