.otp-wrapper{display:flex;justify-content:center;align-items:center;min-height:80vh;background:linear-gradient(135deg,#0f0f1e,#1e063a);padding:20px}.otp-card{width:340px;padding:24px;border-radius:16px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;box-shadow:0 6px 26px #0006;animation:fadeIn .9s ease}.otp-title{color:#fff;font-size:26px;margin-bottom:16px;letter-spacing:1px;text-transform:uppercase}.otp-value{font-size:42px;margin:12px 0;color:gold;text-shadow:0 0 12px rgba(255,200,0,.6);min-height:48px;transition:transform .4s ease,opacity .4s ease;opacity:.6}.otp-value.active{opacity:1;transform:scale(1.12)}.otp-timer{color:#ccf;font-size:16px;margin-bottom:20px;min-height:20px}.otp-button{padding:12px 20px;width:100%;border:none;border-radius:10px;background:linear-gradient(135deg,#7d2cff,#d84bff);color:#fff;font-size:16px;cursor:pointer;font-weight:700;transition:transform .25s ease,box-shadow .25s}.otp-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 22px #b450ff73}.otp-button:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}