.custom-alert-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.custom-alert-box{text-align:center;color:#ffd699;background:#1e1e1e;border:2px solid #ffd699;border-radius:15px;max-width:400px;padding:30px 40px;animation:.3s slideUp;box-shadow:0 0 30px #00000080}.custom-alert-box h2{color:#0000;-webkit-text-stroke:1px var(--secondary);margin-bottom:15px;font-size:1.8rem}.custom-alert-box p{margin-bottom:25px;font-size:1.1rem;line-height:1.6}.custom-alert-box button{color:#761b1b;cursor:pointer;background-color:#ffd699;border:none;border-radius:30px;padding:10px 25px;font-size:1rem;font-weight:600;transition:all .3s}.custom-alert-box button:hover{background-color:#fff0cc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
#pok-payment-container *{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}#pok-payment-container{min-height:350px;position:relative}.pok-payment-loading-screen{z-index:9999;background-color:#fffc;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pok-payment-form{box-sizing:border-box;grid-gap:1rem;background:#fff;border:1px solid #ccc;border-radius:8px;flex-direction:column;gap:1rem;width:100%;max-width:650px;margin:10px auto;padding:40px 30px;animation:.4s ease-out slideInFromBottom;display:flex}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pok-payment-input-row{grid-gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.pok-payment-label{color:#1f2937;padding-left:.25rem;padding-right:.25rem;font-size:.75rem;line-height:1rem;transition-duration:.3s;position:absolute;top:.375rem;left:.5rem}.pok-payment-input{box-sizing:border-box;appearance:none;outline-offset:2px;color:#111827;background-color:#0000;border:1px solid #e5e7eb;border-radius:.5rem;outline:2px solid #0000;width:100%;height:2.75rem;padding:2.25rem .625rem .875rem;font-size:.875rem;line-height:1.25rem;display:block;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000}.pok-payment-input-error{border-color:#dc3545}.pok-payment-label-error{color:#dc3545}.pok-payment-input:focus{border-color:#0062a5}.pok-payment-checkbox-container{align-items:center;width:100%;display:flex}.pok-payment-checkbox-container input[type=checkbox]{appearance:none;cursor:pointer;border:2px solid #ccc;border-radius:3px;width:20px;height:20px;padding:2px;position:relative}.pok-payment-checkbox-container input[type=checkbox]:checked{background-color:#0062a5;border-color:#0062a5}.pok-payment-checkbox-container input[type=checkbox]:before{content:"✓";opacity:0;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pok-payment-checkbox-container input[type=checkbox]:checked:before{opacity:1}.pok-payment-checkbox-container label{cursor:pointer;margin-left:.5rem;font-weight:700}.pok-payment-button{color:#fff;cursor:pointer;background-color:#0062a5;border:none;border-radius:50px;justify-content:center;align-items:center;width:100%;margin-top:.5rem;padding-top:.7rem;padding-bottom:.7rem;font-size:1.125rem;line-height:1.75rem;transition:background-color .3s;display:flex;box-shadow:0 4px 8px #008acd33,0 4px 8px #008acd33}.pok-payment-button:hover{background-color:#008acd}.pok-payment-error-message{color:#dc3545;background-color:#dc354520;border-left:4px solid #dc3545;border-radius:2px;margin-bottom:10px;padding:12px;font-size:14px;font-weight:500;animation:.4s ease-out slideInError}@keyframes slideInError{0%{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:translateY(-10px)}to{opacity:1;max-height:100px;margin-bottom:10px;padding-top:12px;padding-bottom:12px;transform:translateY(0)}}.pok-payment-spinner{border:4px solid #fff;border-left-color:#0062a5;border-radius:50%;width:24px;height:24px;margin-right:5px;animation:1s linear infinite spin;display:inline-block}.pok-payment-loading .button-text{display:none}.pok-payment-info-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:300px;animation:.6s cubic-bezier(.22,1,.36,1) fadeInScale;display:flex}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)translateY(20px)}50%{opacity:.8;transform:scale(1.02)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}.pok-payment-info-icon{width:5rem;height:5rem;margin-bottom:10px;animation:.8s cubic-bezier(.68,-.55,.265,1.55) .2s both bounceIn}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pok-payment-info-title{text-align:center;margin-bottom:10px;font-size:2rem;font-weight:800;animation:.5s ease-out .3s both slideInFromTop}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pok-payment-info-message{color:#898d9b;text-align:center;font-size:1rem;animation:.5s ease-out .5s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.pok-payment-relative{position:relative}.pok-payment-input-disabled{cursor:not-allowed;background-color:#f2f2f2}.pok-payment-clear{cursor:pointer;color:#898d9b;position:absolute;top:1.25rem;right:.75rem}.pok-payment-options{z-index:10;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;max-height:14rem;margin-top:.25rem;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.pok-payment-options-hidden{display:none}.pok-payment-option{color:#333;cursor:pointer;padding:.25rem .75rem;font-size:1rem;font-weight:300;line-height:1.5rem;transition:background-color .3s}.pok-payment-option:hover{background:#008acd1a}.pok-payment-option-selected{color:#fff;background-color:#0062a5}.pok-payment-form-exit{animation:.3s ease-in forwards slideOutToTop}@keyframes slideOutToTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.pok-payment-info-container .pok-payment-info-icon img{animation:2s ease-in-out 1s infinite successPulse}@keyframes successPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}
