/* AMPOL OTP Recovery UI v2 */
.otp-result-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;margin-top:.85rem;border:1px solid;padding:.75rem;border-radius:1rem;text-align:start;overflow:hidden;position:relative}
.otp-result-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.18),transparent 62%);transform:translateX(-120%);animation:otpRecoveryScan 3.2s ease-in-out infinite}
.otp-result-panel.is-error{border-color:rgba(244,63,94,.38);background:linear-gradient(120deg,rgba(244,63,94,.14),rgba(255,255,255,.025));color:#e11d48}.otp-result-panel.is-expired{border-color:rgba(245,158,11,.42);background:linear-gradient(120deg,rgba(245,158,11,.14),rgba(255,255,255,.025));color:#d97706}
.otp-result-panel__icon{display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:.72rem;background:currentColor;color:#fff;font-weight:950;box-shadow:0 0 20px color-mix(in srgb,currentColor 36%,transparent)}
.otp-result-panel div{min-width:0}.otp-result-panel b,.otp-result-panel p{display:block}.otp-result-panel div>b{color:currentColor;font-size:.7rem;font-weight:950}.otp-result-panel p{margin-top:.18rem;color:var(--auth-muted);font-size:.56rem;line-height:1.75}.otp-result-panel button{position:relative;z-index:1;border:1px solid color-mix(in srgb,currentColor 34%,transparent);border-radius:.72rem;background:color-mix(in srgb,currentColor 10%,transparent);padding:.5rem .65rem;color:currentColor;font-size:.56rem;font-weight:950}
.otp-delivery-help{margin-top:1rem;border:1px solid var(--auth-line);border-radius:1.1rem;background:linear-gradient(145deg,color-mix(in srgb,var(--auth-panel) 92%,transparent),color-mix(in srgb,var(--auth-accent) 4%,var(--auth-panel)));overflow:hidden;transition:border-color .25s,box-shadow .25s}.otp-delivery-help.is-open{border-color:color-mix(in srgb,var(--auth-accent) 38%,transparent);box-shadow:0 16px 36px color-mix(in srgb,var(--auth-accent) 8%,transparent)}
.otp-delivery-help__toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.7rem;padding:.8rem;text-align:start}.otp-delivery-help__toggle>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .55rem}.otp-delivery-help__toggle i{grid-row:1/3;display:grid;width:2rem;height:2rem;place-items:center;border-radius:.7rem;background:var(--auth-accent-soft);color:var(--auth-accent);font-style:normal;font-weight:950}.otp-delivery-help__toggle b{color:var(--auth-text);font-size:.68rem}.otp-delivery-help__toggle small{color:var(--auth-muted);font-size:.52rem}.otp-delivery-help__toggle em{color:var(--auth-accent);font-size:1.1rem;font-style:normal}
.otp-delivery-help__body{display:grid;gap:.55rem;border-top:1px solid var(--auth-line);padding:.75rem}.otp-delivery-step{display:flex;align-items:center;gap:.6rem;border:1px solid var(--auth-line);border-radius:.85rem;background:color-mix(in srgb,var(--auth-panel) 76%,transparent);padding:.62rem}.otp-delivery-step>span{color:var(--auth-accent);font:900 .55rem/1 Figtree,sans-serif;letter-spacing:.08em}.otp-delivery-step p{display:grid;gap:.15rem}.otp-delivery-step b{color:var(--auth-text);font-size:.59rem}.otp-delivery-step small{color:var(--auth-muted);font-size:.51rem;line-height:1.7}
.otp-delivery-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.otp-delivery-actions .otp-resend{margin:0}.otp-delivery-actions button,.otp-delivery-actions>a{display:grid;min-height:40px;place-items:center;border-radius:.75rem;font-size:.57rem;font-weight:950}.otp-delivery-actions button{width:100%;background:linear-gradient(110deg,var(--auth-accent),var(--auth-accent-2));color:#fff}.otp-delivery-actions button:disabled{background:var(--auth-panel-soft);color:var(--auth-muted)}.otp-delivery-actions>a{border:1px solid var(--auth-line-strong);color:var(--auth-text)}
.otp-change-number{display:flex!important;justify-content:center;gap:.25rem;margin-top:.85rem!important;color:var(--auth-muted)!important}.otp-change-number b{color:var(--auth-accent)}
.otp-send-failure{display:grid;grid-template-columns:4.5rem 1fr;align-items:center;gap:.85rem;margin:1rem 0;border:1px solid rgba(244,63,94,.3);border-radius:1.2rem;background:radial-gradient(circle at 0 50%,rgba(244,63,94,.16),transparent 42%),linear-gradient(130deg,rgba(244,63,94,.09),rgba(255,255,255,.02));padding:.85rem;box-shadow:0 16px 38px rgba(190,24,93,.08)}.otp-send-failure__signal{position:relative;display:grid;width:4rem;height:4rem;place-items:center}.otp-send-failure__signal i{position:absolute;border:1px solid rgba(244,63,94,.32);border-radius:50%;animation:otpSignal 2.3s ease-out infinite}.otp-send-failure__signal i:nth-child(1){inset:.1rem}.otp-send-failure__signal i:nth-child(2){inset:.65rem;animation-delay:.35s}.otp-send-failure__signal i:nth-child(3){inset:1.2rem;animation-delay:.7s}.otp-send-failure__signal span{z-index:2;display:grid;width:1.65rem;height:1.65rem;place-items:center;border-radius:.55rem;background:#e11d48;color:#fff;font-weight:950;box-shadow:0 0 22px rgba(225,29,72,.5)}.otp-send-failure h2{margin-top:.25rem;color:#e11d48;font-size:.85rem;font-weight:950}.otp-send-failure p:not(.eyebrow){margin-top:.3rem;color:var(--auth-text);font-size:.58rem;line-height:1.8}.otp-send-failure small{display:block;margin-top:.18rem;color:var(--auth-muted);font-size:.51rem}
@keyframes otpRecoveryScan{45%,100%{transform:translateX(120%)}}@keyframes otpSignal{0%{opacity:.85;transform:scale(.72)}75%,100%{opacity:0;transform:scale(1.15)}}
@media(max-width:640px){.otp-result-panel{grid-template-columns:auto 1fr}.otp-result-panel button{grid-column:1/-1;width:100%}.otp-delivery-actions{grid-template-columns:1fr}.otp-send-failure{grid-template-columns:3.4rem 1fr}.otp-send-failure__signal{width:3.2rem;height:3.2rem}}
@media(prefers-reduced-motion:reduce){.otp-result-panel:before,.otp-send-failure__signal i{animation:none}}