:root{--primary:#13369D;--secondary:#13369D;--text-dark:#333;--text-light:#666;--border:#f0f0f0;--shadow:rgba(0, 0, 0, 0.08);--primary-shadow:rgba(19, 54, 157, 0.15);--secondary-shadow:rgba(19, 54, 157, 0.15)}.hp-otp-container{max-width:480px;margin:2rem auto;font-family:'Vazirmatn',system-ui,-apple-system,sans-serif;text-align:center;padding:0 1rem;height:90vh;display:flex;flex-direction:column;justify-content:center}.hp-link-button{background:none!important;border:1px solid var(--secondary)!important;border-radius:32px!important;color:var(--secondary)!important;font-size:14px!important;padding:.75rem 1.5rem!important;margin-top:1rem!important;cursor:pointer!important;transition:all 0.3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important}.hp-link-button:hover{background-color:var(--secondary)!important;color:white!important;transform:translateY(-1px)!important}.hp-otp-container::after{z-index:-1;content:"";position:absolute;top:20%;left:10%;width:500px;height:500px;border-radius:50%;background-color:var(--secondary);filter:blur(180px)}.hp-otp-container::before{z-index:-1;content:"";position:absolute;top:10%;right:10%;width:500px;height:500px;border-radius:50%;background-color:var(--primary);filter:blur(180px)}.hp-logo{margin-bottom:2rem}.hp-logo h1{color:var(--primary);font-size:40px;margin:0;font-weight:700}.hp-logo-line{height:4px;width:60px;background:var(--primary);margin:1rem auto 0;border-radius:2px}.hp-otp-box{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 30px var(--shadow)}.hp-otp-box h2{color:var(--text-dark);font-size:20px;margin:0 0 .5rem;font-weight:600}.hp-otp-box p{color:var(--text-light);font-size:14px;margin:0 0 2rem}.hp-input-group{position:relative!important;margin-bottom:1.5rem!important}.hp-input{width:100%!important;height:56px!important;padding:0 3.5rem!important;border:2px solid var(--border)!important;border-radius:32px!important;font-size:15px!important;font-weight:500!important;transition:all 0.3s ease!important;background:white!important;color:var(--text-dark)!important;position:relative!important;z-index:1!important}.hp-input:focus{border-color:var(--primary)!important;box-shadow:0 4px 15px rgb(19 54 157 / .1)!important;transform:translateY(-2px)!important}.hp-input::placeholder{color:#999!important;font-weight:400!important}.hp-input-icon{position:absolute!important;right:1.25rem!important;top:50%!important;transform:translateY(-50%)!important;color:var(--text-light)!important;width:20px!important;height:20px!important;pointer-events:none!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2!important}.hp-address-box{background:#FAFAFA!important;border-radius:24px!important;padding:2rem!important;margin-bottom:1.5rem!important;position:relative!important;border:2px solid transparent!important;transition:all 0.3s ease!important;z-index:1!important}.hp-address-box:hover{background:white!important;border-color:var(--primary)!important;box-shadow:0 8px 20px rgb(19 54 157 / .08)!important}.hp-address-box .hp-input{padding-right:3.5rem!important;padding-left:1.5rem!important}.hp-address-box .hp-input-icon{right:1.25rem!important;color:var(--text-light)!important;opacity:0.7!important}.hp-address-box .neighborhood-group .hp-input-icon svg{stroke:var(--primary)!important;opacity:1!important}.hp-address-box .street-group .hp-input-icon svg{stroke:var(--secondary)!important;opacity:1!important}.hp-address-box .hp-form-row .hp-input-icon{right:1rem!important}.hp-remove-address{position:absolute!important;top:1.25rem!important;right:1.25rem!important;width:40px!important;height:40px!important;border-radius:50%!important;background:white!important;color:var(--primary)!important;border:2px solid var(--border)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10!important;cursor:pointer!important;transition:all 0.3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 8px rgb(19 54 157 / .08)!important}.hp-remove-address svg{width:18px!important;height:18px!important;stroke-width:2.5!important;transition:all 0.3s ease!important;stroke:var(--primary)!important}.hp-remove-address:hover{background:var(--primary)!important;color:white!important;box-shadow:0 4px 12px rgb(19 54 157 / .2)!important}.hp-remove-address:hover svg{stroke:white!important;transform:scale(.9)!important}.hp-remove-address:active{transform:rotate(90deg) scale(.95)!important;box-shadow:0 2px 4px rgb(19 54 157 / .1)!important}.hp-address-title{font-size:16px!important;font-weight:600!important;color:var(--text-dark)!important;margin-bottom:1.5rem!important;display:block!important}#hp-phone-input{padding-right:3.5rem!important;padding-left:1.5rem!important;text-align:left!important;direction:ltr!important;letter-spacing:0.5px!important;background:white!important}#hp-phone-input+.hp-input-icon{right:1.25rem!important;left:auto!important;color:var(--primary)!important}.hp-message{padding-top:32px}.otp-digit-group{display:flex;gap:12px;justify-content:center;margin:2rem 0;direction:ltr}.otp-digit{width:55px;height:55px;background:#fff;border:2px solid var(--border);border-radius:12px;font-size:20px;font-weight:600;text-align:center;transition:all 0.25s ease}.otp-digit:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-shadow);outline:none;transform:translateY(-2px)}input[type=tel]{border:1px solid var(--border)!important;border-radius:24px!important}.hp-timer{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--text-light);font-family:'Vazirmatn';font-size:14px}.hp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-family:'Vazirmatn';font-weight:500;border:none;cursor:pointer;transition:all 0.3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-tap-highlight-color:#fff0;user-select:none}.hp-button{width:100%!important;height:56px!important;padding:0 2rem!important;border-radius:16px!important;background:linear-gradient(45deg,var(--primary),#ff6b6d)!important;color:white!important;font-size:16px!important;font-weight:600!important;margin-top:2rem!important;box-shadow:0 4px 12px rgb(242 74 77 / .2)!important;border:none!important;cursor:pointer!important;transition:all 0.3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0.75rem!important}.hp-button:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px rgb(242 74 77 / .3)!important;background:linear-gradient(45deg,#ff5154,#ff7e80)!important}.hp-button:active{transform:translateY(1px)!important;box-shadow:0 2px 8px rgb(242 74 77 / .2)!important;background:linear-gradient(45deg,#f03e41,#ff5d5f)!important}.hp-button svg{width:20px!important;height:20px!important;stroke-width:2.5!important;transition:transform 0.3s ease!important}.hp-button:hover svg{transform:translateX(4px)!important}.hp-add-address-button{width:100%!important;height:56px!important;padding:0 2rem!important;border-radius:16px!important;background:#F5F5F5!important;color:var(--text-dark)!important;font-size:15px!important;margin:2rem 0!important;border:2px dashed #E0E0E0!important;cursor:pointer!important;transition:all 0.3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0.75rem!important}.hp-add-address-button:hover{background:rgb(242 74 77 / .05)!important;border-color:var(--primary)!important;border-style:solid!important;color:var(--primary)!important;box-shadow:0 4px 12px rgb(242 74 77 / .08)!important}.hp-add-address-button svg{width:22px!important;height:22px!important;stroke-width:2!important;transition:all 0.3s ease!important}.hp-add-address-button:hover svg{transform:rotate(90deg) scale(1.1)!important;color:var(--primary)!important}.hp-close-button{position:absolute!important;top:1.25rem!important;right:1.25rem!important;width:36px!important;height:36px!important;border-radius:12px!important;background:rgb(0 0 0 / .05)!important;color:var(--text-dark)!important;border:none!important;cursor:pointer!important;transition:all 0.3s ease!important;z-index:1000!important;display:flex!important;align-items:center!important;justify-content:center!important}.hp-close-button svg{width:18px;height:18px;stroke-width:2.5;transition:all 0.3s ease}.hp-close-button:hover{background:rgb(0 0 0 / .08)!important;transform:rotate(90deg) scale(1.1)!important;box-shadow:0 4px 12px rgb(0 0 0 / .05)!important}.hp-btn::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgb(255 255 255 / .4) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10,10);opacity:0;transition:transform 0.5s,opacity 1s}.hp-btn:active::after{transform:scale(0,0);opacity:.3;transition:0s}.hp-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none;filter:grayscale(30%)}@media (max-width:480px){.hp-otp-box{padding:1.5rem}.hp-form-row{grid-template-columns:1fr!important;gap:1rem!important}.otp-digit{width:45px;height:45px}.hp-address-box{padding:1.5rem!important}.hp-address-box .hp-form-row{grid-template-columns:1fr!important}.hp-input{height:52px!important;font-size:14px!important;padding-right:3rem!important;padding-left:1.25rem!important}.hp-input-icon{right:1rem!important;width:18px!important;height:18px!important}.hp-button,.hp-add-address-button{height:52px!important;font-size:15px!important}.hp-button svg,.hp-add-address-button svg{width:18px!important;height:18px!important}.hp-remove-address{width:36px!important;height:36px!important}.hp-remove-address svg{width:16px!important;height:16px!important}}.hp-input[readonly]{background-color:#f5f5f5!important;cursor:not-allowed!important;color:var(--text-dark)!important;opacity:0.8!important;border-color:var(--border)!important}.hp-input[readonly]:focus{transform:none!important;box-shadow:none!important;border-color:var(--border)!important}.hp-input[readonly]+.hp-input-icon{opacity:0.5!important}