.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px)}.modal{position:relative;width:fit-content;height:fit-content;background:#ffffff;box-shadow:0 187px 75px rgba(0,0,0,.01),0 105px 63px rgba(0,0,0,.05),0 47px 47px rgba(0,0,0,.09),0 12px 26px rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.1);border-radius:26px;max-width:450px}.close-btn{position:absolute;top:15px;right:15px;background:#f2f2f2;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:16px;font-weight:700;line-height:30px;text-align:center}.close-btn:hover{background:#e0e0e0}.form{display:flex;flex-direction:column;gap:20px;padding:20px}.payment--options{width:calc(100% - 40px);display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:0 10px}.payment--options button{height:55px;background:#f2f2f2;border-radius:11px;padding:0;border:0;outline:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.payment--options button svg{height:18px}.payment--options button:last-child svg{height:22px}.separator{width:calc(100% - 20px);display:grid;grid-template-columns:1fr auto 1fr;gap:10px;color:#8b8e98;margin:0 10px}.separator>p{white-space:nowrap;display:block;text-align:center;font-weight:600;font-size:11px;margin:auto}.separator .line{display:inline-block;width:100%;height:1px;border:0;background-color:#e8e8e8;margin:auto}.credit-card-info--form{display:flex;flex-direction:column;gap:15px}.input_container{width:100%;height:fit-content;display:flex;flex-direction:column;gap:5px}.split{display:grid;grid-template-columns:4fr 2fr;gap:15px}.split .input_field{width:100%;box-sizing:border-box}.input_label{font-size:10px;color:#8b8e98;font-weight:600}.input_field{width:100%;height:40px;padding:0 16px;border-radius:9px;outline:none;background-color:#f2f2f2;border:1px solid #e5e5e500;transition:all .3s cubic-bezier(.15,.83,.66,1);box-sizing:border-box}.input_field:focus{border:1px solid transparent;box-shadow:0 0 0 2px #242424;background-color:transparent}.purchase--btn{height:55px;background:#f2f2f2;border-radius:11px;border:0;outline:none;color:#ffffff;font-size:15px;font-weight:700;background:linear-gradient(180deg,#363636,#1b1b1b 50%,#000000);box-shadow:0 0 0 0 #ffffff,0 0 0 0 #000000;transition:all .3s cubic-bezier(.15,.83,.66,1);cursor:pointer}.purchase--btn:hover{box-shadow:0 0 0 2px #ffffff,0 0 0 4px #0000003a}.input_field::-webkit-inner-spin-button,.input_field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input_field[type=number]{-moz-appearance:textfield}.success-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#1e1e2f;z-index:2000}.animation-container{background-color:#1e1e2f;width:460px;border-radius:6px;transition:.3s ease-in-out}.animation-container,.left-side{display:flex;height:120px;position:relative}.left-side{background-color:#3b82f6;width:130px;border-radius:4px;justify-content:center;flex-shrink:0}.left-side,.right-side{align-items:center;transition:.3s;overflow:hidden}.right-side{width:calc(100% - 130px);display:flex;justify-content:space-between;white-space:nowrap}.arrow{width:20px;height:20px;margin-right:20px}.new{font-size:23px;font-family:Lexend Deca,sans-serif;margin-left:20px;color:#d1d5db}.card{width:70px;height:46px;background-color:#93c5fd;border-radius:6px;position:absolute;display:flex;z-index:10;flex-direction:column;align-items:center;box-shadow:9px 9px 9px -2px rgba(59,130,246,.5);animation:slide-top 1.2s cubic-bezier(.645,.045,.355,1) both}.card-line{width:65px;height:13px;background-color:#60a5fa;border-radius:2px;margin-top:7px}.buttons{width:8px;height:8px;background-color:#1e40af;box-shadow:0 -10px 0 0 #1e3a8a,0 10px 0 0 #3b82f6;border-radius:50%;transform:rotate(90deg);margin:10px 0 0 -30px}.post{width:63px;height:75px;background-color:#4b5563;position:absolute;z-index:11;bottom:10px;top:120px;border-radius:6px;overflow:hidden;animation:slide-post 1s cubic-bezier(.165,.84,.44,1) .1s both}.post-line{background-color:#1f2937;border-radius:0 0 3px 3px;right:8px;top:8px}.post-line,.post-line:before{width:47px;height:9px;position:absolute}.post-line:before{content:"";background-color:#374151;top:-8px}.screen{width:47px;height:23px;background-color:#e5e7eb;position:absolute;top:22px;right:8px;border-radius:3px}.numbers{background-color:#6b7280;box-shadow:0 -18px 0 0 #6b7280,0 18px 0 0 #6b7280;top:52px}.numbers,.numbers-line2{width:12px;height:12px;border-radius:2px;position:absolute;transform:rotate(90deg);left:25px}.numbers-line2{background-color:#9ca3af;box-shadow:0 -18px 0 0 #9ca3af,0 18px 0 0 #9ca3af;top:68px}.dollar{position:absolute;font-size:16px;font-family:Lexend Deca,sans-serif;width:100%;left:0;top:0;color:#93c5fd;text-align:center;animation:fade-in-fwd .3s 1.2s backwards}@keyframes slide-top{0%{transform:translateY(0)}50%{transform:translateY(-70px) rotate(90deg)}60%{transform:translateY(-70px) rotate(90deg)}to{transform:translateY(-8px) rotate(90deg)}}@keyframes slide-post{50%{transform:translateY(0)}to{transform:translateY(-70px)}}@keyframes fade-in-fwd{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.checkmark-container{width:120px;height:120px;border-radius:50%;background:#34d399;display:flex;justify-content:center;align-items:center;animation:pop-in .5s cubic-bezier(.68,-.55,.27,1.55)}@keyframes pop-in{0%{transform:scale(0)}to{transform:scale(1)}}