.a2z-phone-login{--a2z-login-primary: #8c2bee;--a2z-login-bg: #f7f6f8;--a2z-login-text: #0f172a;--a2z-login-muted: #64748b;--a2z-login-surface: #ffffff;--a2z-login-border: #e2e8f0;position:relative;font-family:Manrope,Inter,system-ui,sans-serif;min-height:100vh;min-height:100dvh;background:var(--a2z-login-bg);color:var(--a2z-login-text);overflow:hidden}html.dark .a2z-phone-login{--a2z-login-bg: #191022;--a2z-login-text: #f1f5f9;--a2z-login-muted: #94a3b8;--a2z-login-surface: #1e293b;--a2z-login-border: #334155}.a2z-phone-login__screen{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem}.a2z-phone-login__screen[hidden]{display:none!important}.a2z-phone-login__shell{position:relative;z-index:1;width:100%;max-width:27.5rem;display:flex;flex-direction:column;align-items:center}.a2z-phone-login__content{width:100%}.a2z-phone-login__icon{width:4rem;height:4rem;margin:0 auto 2rem;border-radius:1rem;background:var(--a2z-login-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #8c2bee33}.a2z-phone-login__icon .material-symbols-rounded{font-size:2.25rem}.a2z-phone-login__intro{margin-bottom:2.5rem}.a2z-phone-login__intro--center{text-align:center}.a2z-phone-login__title{margin:0 0 .75rem;font-weight:700;letter-spacing:-.025em;line-height:1.15;color:var(--a2z-login-text)}.a2z-phone-login__title--hero{font-size:2.25rem}.a2z-phone-login__title--otp{font-size:2rem;text-align:left}.a2z-phone-login__subtitle{margin:0;color:var(--a2z-login-muted);font-size:1rem;line-height:1.625}.a2z-phone-login__subtitle--lg{font-size:1.125rem}.a2z-phone-login__subtitle strong{color:var(--a2z-login-primary);font-weight:600}.a2z-phone-login__error{width:100%;margin-bottom:1.5rem;padding:1rem;border-radius:.75rem;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:.875rem;font-weight:500}html.dark .a2z-phone-login__error{background:#7f1d1d33;border-color:#991b1b;color:#fca5a5}.a2z-phone-login__error[hidden]{display:none!important}.a2z-phone-login__form{display:flex;flex-direction:column;gap:1.5rem}.a2z-phone-login__label{display:block;margin-bottom:.5rem;padding-left:.25rem;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#334155}html.dark .a2z-phone-login__label{color:#cbd5e1}.a2z-phone-login__phone-row{display:flex;gap:.75rem;height:4rem}.a2z-phone-login__prefix,.a2z-phone-login__input{border:1px solid var(--a2z-login-border);border-radius:.75rem;background:var(--a2z-login-surface);color:var(--a2z-login-text);box-shadow:0 1px 2px #0000000d}.a2z-phone-login__prefix{min-width:6.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:1.125rem}.a2z-phone-login__input{flex:1;min-width:0;padding:0 1.25rem;font-size:1.25rem;font-weight:500;letter-spacing:.1em;outline:none;transition:box-shadow .15s ease,border-color .15s ease}.a2z-phone-login__input::placeholder{color:#cbd5e1}html.dark .a2z-phone-login__input::placeholder{color:#475569}.a2z-phone-login__input:focus{border-color:var(--a2z-login-primary);box-shadow:0 0 0 2px #8c2bee59}.a2z-phone-login__btn{width:100%;border:none;border-radius:.75rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.a2z-phone-login__btn:active:not(:disabled){transform:scale(.98)}.a2z-phone-login__btn:disabled{opacity:.5;cursor:not-allowed}.a2z-phone-login__btn-inner{display:inline-flex;align-items:center;justify-content:center;gap:.75rem}.a2z-phone-login__btn--primary{background:var(--a2z-login-primary);color:#fff;box-shadow:0 10px 15px -3px #8c2bee40}.a2z-phone-login__btn--primary:hover:not(:disabled){box-shadow:0 20px 25px -5px #8c2bee40}.a2z-phone-login__btn--lg{height:4rem;margin-top:1rem;font-size:1.125rem;letter-spacing:-.01em}.a2z-phone-login__btn--lg .material-symbols-rounded{font-size:1.5rem;font-weight:300}.a2z-phone-login__btn--verify{height:3.5rem;font-size:1.125rem}.a2z-phone-login__btn--ghost{height:3rem;background:transparent;color:var(--a2z-login-muted);font-size:.875rem;font-weight:500}.a2z-phone-login__btn--ghost:hover:not(:disabled){color:var(--a2z-login-primary)}.a2z-phone-login__spinner{width:1.5rem;height:1.5rem;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:9999px;animation:a2z-login-spin .8s linear infinite}@keyframes a2z-login-spin{to{transform:rotate(360deg)}}.a2z-phone-login__otp-card{position:relative;z-index:1;width:100%;max-width:28rem;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--a2z-login-bg);border:1px solid var(--a2z-login-border);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000026;overflow:hidden}@media(min-width:480px){.a2z-phone-login__otp-card{min-height:auto;max-height:calc(100dvh - 2rem)}}.a2z-phone-login__topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .5rem}.a2z-phone-login__back,.a2z-phone-login__help,.a2z-phone-login__change{border:none;background:transparent;color:inherit;cursor:pointer;font:inherit}.a2z-phone-login__back{width:3rem;height:3rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center}.a2z-phone-login__back:hover{background:#8c2bee1a}.a2z-phone-login__help{color:var(--a2z-login-primary);font-weight:600;font-size:.875rem;padding:.5rem 1rem;border-radius:9999px}.a2z-phone-login__help:hover{background:#8c2bee1a}.a2z-phone-login__intro{padding:2rem 1.5rem 1rem;margin-bottom:0;text-align:left}.a2z-phone-login__change{margin-top:.5rem;color:var(--a2z-login-primary);font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.a2z-phone-login__change .material-symbols-rounded{font-size:1rem}.a2z-phone-login__change:hover{text-decoration:underline}.a2z-phone-login__otp-card>.a2z-phone-login__error{margin:0 1.5rem 1rem;width:auto}.a2z-phone-login__otp-row{border:none;margin:0;padding:2rem 1.5rem;display:flex;justify-content:center;gap:.75rem}@media(min-width:390px){.a2z-phone-login__otp-row{gap:1rem}}.a2z-phone-login__otp{width:2.75rem;height:3.5rem;border:none;border-bottom:2px solid #cbd5e1;background:transparent;text-align:center;font-size:1.25rem;font-weight:700;color:var(--a2z-login-text);outline:none;transition:border-color .15s ease}html.dark .a2z-phone-login__otp{border-bottom-color:#475569}.a2z-phone-login__otp:focus{border-bottom-color:var(--a2z-login-primary)}@media(min-width:390px){.a2z-phone-login__otp{width:3rem}}.a2z-phone-login__timer-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 1.5rem}.a2z-phone-login__timer{display:flex;align-items:flex-start;gap:1rem}.a2z-phone-login__timer-box{width:5rem;text-align:center}.a2z-phone-login__timer-box span{display:flex;align-items:center;justify-content:center;height:3.5rem;border-radius:.75rem;background:#8c2bee1a;border:1px solid rgba(140,43,238,.2);color:var(--a2z-login-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.a2z-phone-login__timer-box small{display:block;margin-top:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--a2z-login-muted)}.a2z-phone-login__timer-sep{color:var(--a2z-login-primary);font-size:1.5rem;font-weight:700;line-height:3.5rem}.a2z-phone-login__resend-hint{margin:0;color:var(--a2z-login-muted);font-size:.875rem}.a2z-phone-login__actions{margin-top:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.a2z-phone-login__blob{position:fixed;border-radius:9999px;pointer-events:none;z-index:0}.a2z-phone-login__blob--tr{top:0;right:0;width:31.25rem;height:31.25rem;background:#8c2bee0d;filter:blur(120px);transform:translate(25%,-25%)}.a2z-phone-login__blob--bl{bottom:0;left:0;width:25rem;height:25rem;background:#8c2bee1a;filter:blur(100px);transform:translate(-25%,25%)}.a2z-phone-login__blob--card-br{position:absolute;bottom:-6rem;right:-6rem;width:16rem;height:16rem;background:#8c2bee0d;filter:blur(64px)}.a2z-phone-login__blob--card-tl{position:absolute;top:25%;left:-8rem;width:16rem;height:16rem;background:#8c2bee1a;filter:blur(64px)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/a2z-phone-login.css.map */