.modal.open .modal-card { animation:checkout-enter .34s cubic-bezier(.2,.9,.2,1) both; }
@keyframes checkout-enter { from{opacity:0;transform:translateY(18px) scale(.975)} to{opacity:1;transform:translateY(0) scale(1)} }
.modal-card { overflow:hidden; background:linear-gradient(145deg,#0a1d3d,#07152d 64%); }
.modal-card:before { content:""; position:absolute; width:360px; height:360px; right:-200px; top:-260px; border-radius:50%; background:radial-gradient(circle,rgba(42,144,255,.18),transparent 68%); pointer-events:none; }
.modal-card>* { position:relative; }.modal-card>.modal-close { position:absolute; }.modal h2 { font-size:38px; }
.payment-methods { gap:12px; margin:27px 0 13px; }.payment-methods .payment-card { position:relative; display:flex; align-items:center; justify-content:flex-start; gap:12px; height:66px; padding:0 16px; border:1px solid rgba(110,177,255,.24); border-radius:15px; background:linear-gradient(145deg,rgba(20,55,105,.88),rgba(8,32,70,.88)); color:#fff; font:700 15px Outfit,sans-serif; cursor:pointer; overflow:hidden; transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.payment-methods .payment-card:before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent 35%,rgba(116,209,255,.17) 50%,transparent 65%); transform:translateX(-140%); transition:transform .5s ease; }.payment-methods .payment-card:hover:before { transform:translateX(140%); }.payment-methods .payment-card:hover { transform:translateY(-3px); border-color:#3da5ff; box-shadow:0 10px 24px rgba(2,82,193,.25); }.payment-methods .payment-card.active { border-color:#54b7ff; background:linear-gradient(145deg,#167ded,#1959c0); box-shadow:0 10px 28px rgba(13,127,255,.32); }.payment-methods .payment-card img { position:relative; width:27px; height:27px; object-fit:contain; filter:drop-shadow(0 3px 5px rgba(0,0,0,.25)); }.payment-methods .payment-card span { position:relative; }.payment-methods .payment-card i { position:absolute; right:15px; width:17px; height:17px; border:1px solid rgba(255,255,255,.5); border-radius:50%; }.payment-methods .payment-card.active i:after { content:""; position:absolute; inset:4px; border-radius:50%; background:#fff; box-shadow:0 0 10px white; }
.payment-note { min-height:18px; margin:0 0 18px; color:#7bc8ff; font-size:12px; }.fallback-box { background:linear-gradient(145deg,rgba(14,55,112,.46),rgba(6,28,63,.55)); border-color:rgba(77,167,255,.36); }.fallback-title { display:flex; align-items:center; gap:9px; }.fallback-title>span { display:grid; place-items:center; width:20px; height:20px; border:1px solid #65c0ff; border-radius:50%; color:#65c0ff; font:700 12px Outfit,sans-serif; }.fallback-box code { border:1px solid rgba(125,186,255,.11); }.copy-button { display:inline-flex; align-items:center; gap:7px; }.copy-button span { font-size:15px; }
@media(max-width:540px){.payment-methods{grid-template-columns:1fr}.payment-methods .payment-card{height:58px}.modal h2{font-size:34px}}