*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#f8f8f8;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}#root{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.otp-card{width:360px;max-width:90vw}.card-content{padding:32px;text-align:center}.card-content h2{font-size:20px;margin-bottom:8px;font-weight:600;color:#1a1a3d}.card-content .subtitle{font-size:14px;color:#333;margin-bottom:4px;line-height:1.4}.card-content .info{font-size:12px;color:#777;margin-bottom:16px}.card-content .info #retry-count{font-weight:500;color:#333}.otp-section{margin-bottom:8px;display:flex;justify-content:center}.button-section{margin-bottom:12px}.resend-section{margin-top:12px}.resend-text{font-size:14px;margin:0;text-align:center}.success-state{text-align:center;padding:32px 0;display:flex;flex-direction:column;align-items:center;gap:16px}.success-icon-bespoke{width:64px;height:64px;color:var(--bspk-color-success-500, #059669);animation:successScale .8s ease-out}@keyframes successScale{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mail-icon{width:50px;height:60px;margin-bottom:1px;fill:#fa8142}@media (max-width: 480px){.otp-card{width:100%;margin:16px}.card-content{padding:24px 20px}}.error{color:#d32f2f;font-size:12px;margin-bottom:12px;text-align:center;min-height:16px}.App{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}@media (max-width: 480px){.App{padding:0 16px;align-items:flex-start;padding-top:10vh}}