:root{--rpa-ink:#172033;--rpa-muted:#7a8497;--rpa-line:#e7eaf0;--rpa-accent:#6d4aff;--rpa-accent-2:#8c63ff;--rpa-soft:#f5f3ff;--rpa-danger:#c93b55;--rpa-success:#16835b}
.rpa-wrap{position:relative;isolation:isolate;max-width:460px;margin:42px auto;padding:18px;font-family:inherit;color:var(--rpa-ink)}
.rpa-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 26px 70px rgba(30,24,72,.14),0 5px 20px rgba(30,24,72,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:30px;animation:rpa-card-in .7s cubic-bezier(.2,.75,.2,1) both}
.rpa-glow{position:absolute;width:220px;height:220px;left:-110px;top:-120px;background:radial-gradient(circle,rgba(123,87,255,.22),transparent 68%);pointer-events:none;animation:rpa-glow 7s ease-in-out infinite}
.rpa-orbit{position:absolute;border-radius:999px;filter:blur(.2px);pointer-events:none;z-index:-1;opacity:.8}.rpa-orbit-one{width:120px;height:120px;right:-20px;top:18px;background:radial-gradient(circle,rgba(140,99,255,.18),rgba(140,99,255,0) 70%);animation:rpa-float 6s ease-in-out infinite}.rpa-orbit-two{width:170px;height:170px;left:-70px;bottom:15px;background:radial-gradient(circle,rgba(58,199,181,.13),rgba(58,199,181,0) 70%);animation:rpa-float 8s ease-in-out -2s infinite}
.rpa-brand{display:flex;align-items:center;gap:11px;margin-bottom:24px}.rpa-brand-mark{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--rpa-accent),#4e36c8);box-shadow:0 9px 22px rgba(109,74,255,.25);overflow:hidden}.rpa-brand-mark:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.45),transparent 60%);transform:translateX(-70%) rotate(10deg);animation:rpa-shine 4.8s ease-in-out infinite}.rpa-brand-mark span{width:19px;height:12px;border:2px solid #fff;border-radius:50% 50% 45% 45%;transform:rotate(-18deg);z-index:1}.rpa-brand-mark i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;top:12px;right:10px;z-index:1}.rpa-brand strong,.rpa-brand small{display:block}.rpa-brand strong{font-size:15px;line-height:1.3}.rpa-brand small{font-size:11px;color:var(--rpa-muted);margin-top:2px}
.rpa-progress{height:4px;border-radius:99px;background:#ececf5;overflow:hidden;margin-bottom:27px}.rpa-progress span{display:block;width:48%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--rpa-accent),#9b7aff);box-shadow:0 0 14px rgba(109,74,255,.28);transition:width .5s cubic-bezier(.2,.75,.2,1)}.rpa-card.is-otp .rpa-progress span{width:100%}
.rpa-intro{text-align:center;margin-bottom:24px}.rpa-icon-wrap{width:54px;height:54px;margin:0 auto 12px;border-radius:18px;background:linear-gradient(145deg,#f1edff,#fff);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(109,74,255,.08),0 10px 24px rgba(109,74,255,.08);animation:rpa-breathe 3.2s ease-in-out infinite}.rpa-icon-phone{font-size:25px;font-weight:700;color:var(--rpa-accent);transform:rotate(-20deg);display:block}.rpa-intro h2{font-size:25px;line-height:1.25;margin:0 0 7px;letter-spacing:-.4px}.rpa-intro p{font-size:13px;line-height:1.9;color:var(--rpa-muted);margin:0}
.rpa-step{animation:rpa-step-in .45s cubic-bezier(.2,.75,.2,1) both}.rpa-step[hidden]{display:none}.rpa-form label{display:block;font-size:12px;font-weight:700;margin:0 2px 8px;color:#40495a}.rpa-input-shell{position:relative;direction:ltr}.rpa-input-shell:focus-within{filter:drop-shadow(0 6px 14px rgba(109,74,255,.1))}.rpa-input-shell input,.rpa-form input.rpa-otp-input{width:100%;box-sizing:border-box;height:54px;border:1px solid var(--rpa-line);border-radius:16px;background:#fbfbfd;color:var(--rpa-ink);outline:none;transition:border-color .25s,box-shadow .25s,background .25s,transform .25s;font:inherit}.rpa-input-shell input{padding:0 64px 0 18px;text-align:left;letter-spacing:.4px}.rpa-prefix{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:800;color:#656d7c;border-left:1px solid #e2e4eb;padding-left:12px;z-index:1}.rpa-form input:focus{border-color:rgba(109,74,255,.62);background:#fff;box-shadow:0 0 0 4px rgba(109,74,255,.1)}.rpa-form input::placeholder{color:#b4bac5}.rpa-primary{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:54px;margin-top:12px;border:0;border-radius:16px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--rpa-accent),var(--rpa-accent-2));box-shadow:0 13px 24px rgba(109,74,255,.23);font:inherit;font-size:13px;font-weight:800;transition:transform .22s,box-shadow .22s,filter .22s}.rpa-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.23) 48%,transparent 70%);transform:translateX(-120%);animation:rpa-button-shine 5.2s ease-in-out infinite}.rpa-primary b{font-size:17px;line-height:1;transition:transform .22s}.rpa-primary:hover{transform:translateY(-2px);box-shadow:0 17px 30px rgba(109,74,255,.28)}.rpa-primary:hover b{transform:translateX(-3px)}.rpa-primary:active{transform:translateY(0)}.rpa-primary.is-loading{pointer-events:none;filter:saturate(.75);opacity:.85}.rpa-primary.is-loading b{animation:rpa-spin .7s linear infinite}.rpa-trust{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:13px;color:#8991a0;font-size:10px}.rpa-trust span{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#eaf8f2;color:var(--rpa-success);font-size:10px;font-weight:900}
.rpa-otp-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding-bottom:15px;border-bottom:1px solid #f0f1f5}.rpa-otp-copy span{font-size:12px;color:var(--rpa-muted)}.rpa-phone-preview{font-size:12px;color:#353e50;direction:ltr}.rpa-otp-input{text-align:center!important;direction:ltr;letter-spacing:12px;font-size:22px;font-weight:800;padding:0 10px 0 20px}.rpa-otp-input::placeholder{letter-spacing:9px;color:#c8cbd4}.rpa-back{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#737b8b;padding:0;margin:0 0 18px;cursor:pointer;font:inherit;font-size:11px}.rpa-back:hover{color:var(--rpa-accent)}.rpa-resend{display:block;width:100%;margin-top:11px;border:0;background:transparent;color:#687084;cursor:pointer;font:inherit;font-size:11px;transition:color .2s,opacity .2s}.rpa-resend:not(:disabled):hover{color:var(--rpa-accent)}.rpa-resend:disabled{opacity:.55;cursor:not-allowed}.rpa-status{min-height:24px;margin-top:13px;text-align:center;font-size:11px;line-height:1.8;color:#677084;transition:opacity .2s}.rpa-status.bad{color:var(--rpa-danger);animation:rpa-shake .38s ease}.rpa-status.success{color:var(--rpa-success)}.rpa-footer-note{text-align:center;margin-top:18px;padding-top:16px;border-top:1px solid #f0f1f5;color:#a0a6b2;font-size:9px}.rpa-footer-note span{padding:0 4px;color:#c5c8d0}.rpa-message{max-width:460px;margin:30px auto;padding:16px 20px;border:1px solid var(--rpa-line);border-radius:18px;background:#fff;box-shadow:0 15px 35px rgba(30,24,72,.08);text-align:center}
.rpa-woocommerce-link{margin-top:14px;text-align:center}.rpa-woocommerce-link a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:700}
@keyframes rpa-card-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes rpa-step-in{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}@keyframes rpa-float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(8px,-12px,0) scale(1.06)}}@keyframes rpa-glow{0%,100%{transform:translate3d(0,0,0);opacity:.65}50%{transform:translate3d(28px,18px,0);opacity:1}}@keyframes rpa-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes rpa-shine{0%,65%,100%{transform:translateX(-70%) rotate(10deg)}78%{transform:translateX(95%) rotate(10deg)}}@keyframes rpa-button-shine{0%,65%,100%{transform:translateX(-120%)}80%{transform:translateX(120%)}}@keyframes rpa-spin{to{transform:rotate(360deg)}}@keyframes rpa-shake{20%{transform:translateX(5px)}40%{transform:translateX(-4px)}60%{transform:translateX(3px)}80%{transform:translateX(-2px)}}
@media (max-width:520px){.rpa-wrap{margin:22px auto;padding:10px}.rpa-card{padding:23px 18px;border-radius:23px}.rpa-intro h2{font-size:22px}.rpa-otp-input{letter-spacing:9px}.rpa-otp-input::placeholder{letter-spacing:7px}}
@media (prefers-reduced-motion:reduce){.rpa-card,.rpa-step,.rpa-orbit,.rpa-glow,.rpa-icon-wrap,.rpa-brand-mark:after,.rpa-primary:before{animation:none!important}.rpa-primary{transition:none}.rpa-progress span{transition:none}}