body{margin:0;height:100vh;font-family:Segoe UI,sans-serif;background:radial-gradient(circle at top,#0f172a,#020617);display:flex;justify-content:center;align-items:center}.container{width:380px;padding:40px 35px;border-radius:18px;background:#111827e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 60px #000000b3;text-align:center;color:#e2e8f0}#otp-title{margin-bottom:25px;font-size:26px;letter-spacing:1px;color:#f8fafc}#otp-display{background:#0b1220;border-radius:10px;padding:18px;font-size:32px;font-weight:700;color:#38bdf8;box-shadow:inset 0 0 8px #38bdf82e;margin-bottom:18px;transition:all .3s ease}#otp-display:not(:empty){text-shadow:none}#otp-timer{font-size:14px;margin-bottom:22px;color:#f87171;font-weight:500}#generate-otp-button{width:100%;padding:13px;border-radius:8px;border:none;font-size:16px;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);transition:all .3s ease}#generate-otp-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 25px #6366f180}#generate-otp-button:disabled{opacity:.5;cursor:not-allowed}