*{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}.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}}