*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;color:#111}body{overflow:hidden;background:#fff}#dotWave{position:fixed;inset:0;width:100%;height:100%;z-index:0;background:#fff}.screen{position:relative;z-index:1;min-height:100dvh;display:grid;place-items:center;padding:20px}.otp-card{width:min(500px,calc(100vw - 40px));background:rgba(255,255,255,.96);border:1px solid #d4dae3;border-radius:9px;box-shadow:0 4px 13px rgba(25,39,61,.13);padding:18px 20px 20px}.otp-card h1{font-size:23px;text-align:center;margin:0 0 14px}.otp-card p{font-size:14px;line-height:1.45;margin:0 0 12px}.otp-card label{display:block;font-size:14px;font-weight:700;margin-bottom:6px}.otp-card input{width:100%;height:47px;border:2px solid #1269ff;border-radius:10px;padding:8px 12px;font-size:20px;outline:none;box-shadow:0 0 0 2px rgba(18,105,255,.07)}button{width:100%;height:45px;margin-top:11px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer}.primary{border:0;background:#1468f9;color:#fff;font-size:16px}.secondary{border:1px solid #c5cbd2;background:#edf0f4;color:#07162b}.cancel{border:2px solid #666;background:#f2f3f5}@media(max-width:560px){.screen{padding:14px}.otp-card{width:100%;padding:18px 20px}}
@media(prefers-reduced-motion:reduce){#dotWave{display:none}}