@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";:root{color-scheme:light;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";--gateway-accent: linear-gradient(135deg, #4F46E5 0%, #3730A3 100%);--gateway-border-grey: #e5e7eb;--gateway-primary: #4F46E5}body{margin:0}#root{min-height:100vh}.gateway-page-bg{background:#edeaf5;position:relative;overflow:hidden}.gateway-page-bg:before,.gateway-page-bg:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.gateway-page-bg:before{width:44vw;height:44vw;min-width:380px;min-height:380px;top:-10%;left:-8%;background:radial-gradient(circle at 40% 40%,#e3ddf2 0%,#e6e1f3 60%,transparent 72%)}.gateway-page-bg:after{width:38vw;height:38vw;min-width:320px;min-height:320px;bottom:-14%;right:-6%;background:radial-gradient(circle at 55% 55%,#e4def3 0%,#e7e2f4 55%,transparent 70%)}.gateway-checkout-container{width:440px;max-width:100%;background:#fff;border-radius:26px;box-shadow:0 1px 2px #2e1b740d,0 24px 60px -18px #2e1b7447,0 48px 110px -30px #2e1b742e;overflow:hidden;position:relative;z-index:1}.gateway-accent-bg{background:linear-gradient(135deg,#4f46e5,#3730a3)}.gateway-header{position:relative;background:linear-gradient(118deg,#2f1a7c,#43289c 52%,#331d86);padding:34px 24px 30px;text-align:center;overflow:visible}.gateway-header:before,.gateway-header:after{content:"";position:absolute;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 16px,rgba(255,255,255,.055) 16px 17.5px);pointer-events:none}.gateway-header:before{width:360px;height:360px;top:-230px;left:-150px}.gateway-header:after{width:320px;height:320px;top:-190px;right:-130px}.gateway-header-tab{position:absolute;left:50%;bottom:-9px;transform:translate(-50%);width:92px;height:20px;border-radius:9999px;background:#5230cf;z-index:5}.gateway-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1.5px solid #eceaf5;background:#fdfdff;border-radius:18px;padding:16px 18px}.gateway-icon-tile{width:46px;height:46px;flex:none;border-radius:14px;background:#efecfb;color:#5a3ee8;display:flex;align-items:center;justify-content:center;font-size:1rem}.gateway-input{width:100%;padding:15px 16px;border:2px solid #e7e4f2;border-radius:14px;text-align:left;font-size:1rem;font-weight:600;font-family:inherit;color:#241d47;outline:none;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff}.gateway-input:focus{border-color:#5a3ee8;box-shadow:0 0 0 4px #5a3ee817}.gateway-input:disabled{background:#f7f6fb;color:#6b6685;opacity:1;cursor:not-allowed;border-color:#e7e4f2}.gateway-input::placeholder{color:#b6b0cd;font-weight:400}.gateway-amount-group{display:flex;align-items:stretch;border:2px solid #e7e4f2;border-radius:14px;background:#fff;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}.gateway-amount-group:focus-within{border-color:#5a3ee8;box-shadow:0 0 0 4px #5a3ee817}.gateway-amount-prefix{width:56px;flex:none;display:flex;align-items:center;justify-content:center;border-right:2px solid #e7e4f2;background:#fbfafe;color:#6b6685;font-weight:600;font-size:1.05rem}.gateway-amount-group .gateway-input{border:none;border-radius:0;box-shadow:none}.gateway-btn{flex:0 0 38%;padding:19px 16px;font-weight:600;font-size:.95rem;font-family:inherit;border:none;color:#4c4668;background:#f6f5fa;cursor:pointer;transition:all .2s ease}.gateway-btn:hover{background:#efedf6;color:#241d47}.gateway-btn:active{transform:translateY(1px)}.method-card{position:relative;background:#fff;border:2px solid #e9e6f3;border-radius:16px;padding:18px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.method-card:hover:not(:disabled):not([aria-disabled=true]){border-color:#cfc5f0;box-shadow:0 4px 16px #5a3ee81a;transform:translateY(-1px)}.method-card.selected{border-color:var(--method-accent, #5a3ee8);box-shadow:0 0 0 3px #5a3ee814,0 6px 18px #5a3ee81f;background:linear-gradient(180deg,#fff,#fbfaff)}.method-name{font-size:.8125rem;font-weight:600;color:#3a3454;line-height:1}.method-radio{width:18px;height:18px;border-radius:50%;border:2px solid #cdc7e2;background:#fff;position:relative;transition:border-color .2s ease}.method-card.selected .method-radio{border-color:var(--method-accent, #5a3ee8)}.method-card.selected .method-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--method-accent, #5a3ee8)}.gateway-confirm-btn{flex:1;padding:19px 16px;font-weight:700;font-size:.95rem;font-family:inherit;border:none;color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.gateway-confirm-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,transparent 55%);pointer-events:none}.gateway-confirm-btn:hover{filter:brightness(1.06);box-shadow:0 6px 16px #5230cf59}.gateway-confirm-btn:active{transform:translateY(1px);filter:brightness(.97)}.loader-dots span{width:10px;height:10px;margin:0 3px;background-color:#fff;border-radius:50%;display:inline-block;animation:bounce 1.4s infinite ease-in-out both}.loader-dots span:nth-child(1){animation-delay:-.32s}.loader-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.animate-pulse-slow{animation:pulse-slow 2s ease-in-out infinite}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.01)}}.form-input{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.8125rem;font-family:inherit;color:#1e293b;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background:#fff}.form-input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.form-input::placeholder{color:#94a3b8}.shield-icon{position:relative}.shield-icon:after{content:"";position:absolute;inset:-4px;border-radius:16px;background:#4f46e50f;z-index:-1}