.otp-root{background:#fff radial-gradient(#87ceeb 1.5px,#0000 1.5px) 0 0/30px 30px;justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.otp-card{background:#fff;border:2px solid #e0f2fe;border-radius:20px;flex-direction:column;width:100%;max-width:450px;padding:3rem;animation:.6s both otp-fadeUp;display:flex;overflow:hidden;box-shadow:0 12px 40px #87ceeb33}.otp-header{text-align:center;margin-bottom:2rem}.otp-title{color:#000;margin-bottom:.5rem;font-size:2rem;font-weight:800}.otp-subtitle{color:#555;font-size:1rem}.otp-form{flex-direction:column;gap:1.2rem;display:flex}.otp-input-wrap{position:relative}.otp-input-icon{color:#87ceeb;font-size:1.2rem;transition:all .3s;position:absolute;top:50%;left:1.2rem;transform:translateY(-50%)}.otp-input{color:#000;background:#fff;border:2px solid #e0f2fe;border-radius:12px;outline:none;width:100%;padding:1rem 1rem 1rem 3.5rem;font-size:1.05rem;transition:all .3s}.otp-input::placeholder{color:#a0aec0}.otp-input:focus{border-color:#87ceeb;box-shadow:0 0 0 4px #87ceeb33}.otp-input:focus+.otp-input-icon,.otp-input-wrap:focus-within .otp-input-icon{color:#fbbf24}.otp-btn-primary{color:#000;cursor:pointer;background:#fbbf24;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:1rem 1.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}.otp-btn-primary:hover:not(:disabled){background:#f59e0b;transform:translateY(-2px);box-shadow:0 6px 15px #f59e0b66}.otp-btn-primary:disabled{opacity:.7;cursor:not-allowed}.otp-btn-arrow{transition:transform .3s}.otp-btn-primary:hover:not(:disabled) .otp-btn-arrow{transform:translate(4px)}.otp-spin{animation:1s linear infinite otp-rotate}.otp-link{color:#64748b;text-align:center;cursor:pointer;margin-top:1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s}.otp-link:hover{color:#000}.otp-message{border-radius:10px;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;font-size:.95rem;font-weight:600;animation:.3s otp-fadeUp;display:flex}.otp-message--ok{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.otp-message--err{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}@keyframes otp-fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes otp-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:480px){.otp-root{padding:1rem}.otp-card{padding:2rem 1.5rem}.otp-title{font-size:1.8rem}}