@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:linear-gradient(135deg,#eef2ff,#e0e7ff,#f0f0ff,#ede9fe,#eef2ff);position:relative}.gateway-page-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 600px 400px at 20% 30%,rgba(79,70,229,.06),transparent),radial-gradient(ellipse 500px 300px at 80% 70%,rgba(99,102,241,.05),transparent);pointer-events:none}.gateway-checkout-container{width:420px;max-width:100%;background:#fff;border-radius:20px;box-shadow:0 0 0 1px #00000008,0 4px 6px -1px #0000000d,0 20px 50px -12px #4f46e526,0 40px 80px -20px #00000014;overflow:hidden;position:relative}.gateway-accent-bg{background:linear-gradient(135deg,#4f46e5,#3730a3)}.gateway-input{width:100%;padding:14px 18px;border:2px solid #e5e7eb;border-radius:12px;text-align:center;font-size:1.05rem;font-weight:600;font-family:inherit;color:#1f2937;outline:none;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fafbfc}.gateway-input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e514;background:#fff}.gateway-input:disabled{background:#f4f5f7;color:#6b7280;opacity:1;cursor:not-allowed;border:2px solid #e5e7eb}.gateway-input::placeholder{color:#c4c9d2;font-weight:400}.gateway-btn{flex:1;padding:16px;font-weight:600;font-size:.875rem;font-family:inherit;letter-spacing:.025em;border:none;color:#6b7280;background:#f9fafb;cursor:pointer;transition:all .2s ease}.gateway-btn:hover{background:#f3f4f6;color:#374151}.gateway-btn:active{transform:translateY(1px)}.method-card{position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:14px 12px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.method-card:hover:not(:disabled):not([aria-disabled=true]){border-color:#c7d2fe;box-shadow:0 2px 12px #4f46e514;transform:translateY(-1px)}.method-card.selected{border-color:var(--method-accent, #4F46E5);box-shadow:0 0 0 3px #4f46e514,0 4px 16px #4f46e51a;background:linear-gradient(180deg,#fff,#fafbff)}.method-card.selected:after{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:40%;height:3px;border-radius:0 0 4px 4px;background:var(--method-accent, #4F46E5)}.gateway-confirm-btn{flex:1;padding:16px;font-weight:700;font-size:.875rem;font-family:inherit;text-transform:uppercase;letter-spacing:.06em;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,.12) 0%,transparent 50%);pointer-events:none}.gateway-confirm-btn:hover{filter:brightness(1.05);box-shadow:0 4px 12px #4f46e540}.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)}}.shield-icon{position:relative}.shield-icon:after{content:"";position:absolute;inset:-4px;border-radius:16px;background:#4f46e50f;z-index:-1}