*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #0275DD;--primary-light: #4ADAFC;--primary-dark: #054D8E;--secondary-color: #64748b;--accent-color: #48E5CE;--accent-secondary: #4ADAFC;--success-color: #48E5CE;--warning-color: #f59e0b;--error-color: #ef4444;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--bg-primary: linear-gradient(135deg, #0275DD 0%, #054D8E 100%);--bg-secondary: linear-gradient(135deg, #4ADAFC 0%, #48E5CE 100%);--bg-tech: linear-gradient(135deg, #4ADAFC 0%, #0275DD 100%);--bg-glass: rgba(255, 255, 255, .1);--bg-dark: linear-gradient(135deg, #054D8E 0%, #0275DD 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-out;--transition-normal: .3s ease-out;--transition-slow: .5s ease-out}body{margin:0;min-height:100vh;background:var(--bg-primary);color:var(--gray-900);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@media (max-width: 768px){html{font-size:14px}}@media (max-width: 480px){html{font-size:13px}}.ant-card{border-radius:16px!important;box-shadow:var(--shadow-lg)!important;border:none!important}.ant-btn-primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important;border-radius:12px!important;font-weight:600!important;transition:all var(--transition-normal)!important}.ant-btn-primary:hover{background:var(--primary-light)!important;border-color:var(--primary-light)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.ant-select{border-radius:12px!important}.ant-select-selector{border-radius:12px!important;border:2px solid var(--gray-200)!important;transition:all var(--transition-normal)!important}.ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #2563eb1a!important}.glass-effect{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.hover-lift{transition:all var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #2563eb4d}50%{box-shadow:0 0 30px #2563eb99}}.pulse-glow{animation:pulse-glow 2s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#0275dd,#054d8e)}.loading-content{display:flex;flex-direction:column;align-items:center}.status-indicator{display:flex;justify-content:center;margin-top:24px}.api-mode-display{display:flex;align-items:center;gap:16px;background:#ffffff26!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:30px;border:1px solid rgba(255,255,255,.2);transition:all var(--transition-normal)}.api-mode-display:hover{background:#fff3!important;border-color:#ffffff4d}.api-mode-label{color:#fffffff2;font-size:14px;font-weight:600;white-space:nowrap}.api-mode-switch{flex-shrink:0}.api-mode-switch.ant-switch{background-color:#fff3!important;border:1px solid rgba(255,255,255,.3)!important}.api-mode-switch.ant-switch-checked{background-color:var(--success-color)!important;border-color:var(--success-color)!important}.api-mode-switch.ant-switch-loading{background-color:var(--warning-color)!important}.api-mode-switch .ant-switch-inner{color:#ffffffe6!important;font-size:11px!important;font-weight:500!important}.homepage-container{min-height:100vh;background:linear-gradient(135deg,#0275dd,#054d8e);position:relative;overflow-x:hidden}.homepage-container:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none}.header{position:relative;z-index:10;padding:20px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2)}.header-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.header-controls{display:flex;align-items:center;gap:16px}.logo-text{font-size:32px;font-weight:800;background:linear-gradient(45deg,#fff,#e2e8f0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.logo-image{height:40px;width:auto;filter:brightness(0) invert(1);transition:all var(--transition-normal)}.logo-image:hover{filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,.5))}.language-selector{display:flex;align-items:center;gap:12px;background:#ffffff26!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:30px;border:1px solid rgba(255,255,255,.2);transition:all var(--transition-normal);position:relative;overflow:hidden}.language-selector:before{content:"";position:absolute;inset:0;background:#ffffff26;z-index:-1}.language-selector:hover{background:#fff3!important;border-color:#ffffff4d}.language-selector:hover:before{background:#fff3}.language-icon{color:#ffffffe6;font-size:16px;flex-shrink:0;z-index:1}.country-selector{display:flex;gap:16px;background:#ffffff26!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;padding:12px 20px;border-radius:30px;border:1px solid rgba(255,255,255,.2);transition:all var(--transition-normal);position:relative;justify-content:space-between;align-items:center;min-width:180px;-webkit-background-color:rgba(255,255,255,.15)!important;background-color:#ffffff26!important}.country-selector:before{content:"";position:absolute;inset:0;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:inherit;z-index:-1;pointer-events:none}.country-selector:hover{background:#fff3!important;-webkit-background-color:rgba(255,255,255,.2)!important;background-color:#fff3!important;border-color:#ffffff4d}.country-selector:hover:before{background:#fff3}.country-icon{color:#ffffffe6;font-size:16px;flex-shrink:0;z-index:1;position:relative}.country-selector .ant-select{background:transparent!important;-webkit-background-color:transparent!important;background-color:transparent!important;border:none!important;flex:1;text-align:center;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.country-selector .ant-select .ant-select-selector{background:transparent!important;-webkit-background-color:transparent!important;background-color:transparent!important;border:none!important;color:#fffffff2!important;font-weight:500!important;padding:0!important;min-height:auto!important;height:auto!important;box-shadow:none!important;-webkit-box-shadow:none!important;outline:none!important;display:flex;justify-content:center;align-items:center;text-align:center;width:100%;transform:translateZ(0)}.country-selector .ant-select .ant-select-selection-item{color:#fffffff2!important;background:transparent!important;-webkit-background-color:transparent!important;background-color:transparent!important;font-size:14px!important;line-height:1.4!important;padding:0!important;margin:0!important}.country-selector .ant-select .ant-select-arrow{color:#fffc!important;background:transparent!important;-webkit-background-color:transparent!important;background-color:transparent!important;font-size:12px!important}@supports (-webkit-appearance: none){.country-selector .ant-select-selector{-webkit-appearance:none!important;background:transparent!important;-webkit-background-color:transparent!important;background-color:transparent!important;transform:translateZ(0);opacity:1}}.payment-page{min-height:100vh;background:linear-gradient(135deg,#0275dd,#054d8e);position:relative}.payment-container{position:relative;z-index:5;max-width:1200px;margin:0 auto;padding:24px}.page-header{display:flex;align-items:center;gap:24px;margin-bottom:24px;padding:20px 0}.page-title{display:flex;flex-direction:column;gap:4px}.products-list{margin-bottom:16px}.product-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.product-item:last-child{border-bottom:none}.product-image{width:60px;height:60px;flex-shrink:0}.image-placeholder{width:100%;height:100%;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center}.product-details{flex:1;display:flex;flex-direction:column;gap:4px}.product-description{font-size:12px;line-height:1.4}.product-quantity{font-size:11px;color:#999}.product-price{text-align:right}.price-breakdown{margin-bottom:16px}.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.total-row{margin-bottom:0;padding-top:8px}.security-badges{text-align:center;margin-top:16px}.payment-security{text-align:center;margin-top:12px}.main-content{position:relative;z-index:5;max-width:1200px;margin:0 auto;padding:0 24px}.hero-section{text-align:center;padding:60px 0}.hero-title{font-size:clamp(2.5rem,5vw,4rem)!important;font-weight:800!important;background:linear-gradient(45deg,#fff,#e2e8f0)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;margin-bottom:24px!important;letter-spacing:-2px}.hero-subtitle{font-size:1.25rem!important;color:#ffffffe6!important;max-width:600px;margin:0 auto 40px;line-height:1.6}.error-container{max-width:800px;margin:0 auto 40px}.scenarios-section{padding:40px 0 80px}.section-title{text-align:center;color:#fff!important;font-size:2.5rem!important;font-weight:700!important;margin-bottom:60px!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.scenario-cover{height:160px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.scenario-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.placeholder-image{color:#fffc;opacity:.6}.scenario-content{padding:24px}.scenario-title{margin-bottom:16px!important;font-size:1.1rem!important;font-weight:600!important;color:var(--gray-800)!important}.scenario-features{list-style:none;padding:0;margin:0 0 20px}.feature-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.875rem;color:var(--gray-600)}.feature-dot{width:6px;height:6px;background:var(--primary-color);border-radius:50%;flex-shrink:0}.country-select{background:transparent!important;background-color:transparent!important;-webkit-background-color:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.country-selector .country-select.ant-select .ant-select-selector{background:transparent!important;background-color:transparent!important;-webkit-background-color:transparent!important;border:none!important;color:#fffffff2!important;font-weight:500!important;padding:0!important;margin:0!important;min-height:auto!important;height:auto!important;box-shadow:none!important;-webkit-box-shadow:none!important;outline:none!important}.country-selector .country-select.ant-select .ant-select-selection-item{color:#fffffff2!important;background:transparent!important;background-color:transparent!important;-webkit-background-color:transparent!important;font-size:14px!important;line-height:1.4!important;padding:0!important;margin:0!important}.country-selector .country-select.ant-select .ant-select-arrow{color:#fffc!important;background:transparent!important;background-color:transparent!important;-webkit-background-color:transparent!important;font-size:12px!important}.country-selector .country-select .ant-select-selection-item .ant-space{background:transparent!important;background-color:transparent!important;-webkit-background-color:transparent!important}.country-selector .country-select .ant-select-selection-item .ant-space .ant-space-item{color:#fffffff2!important;background:transparent!important;background-color:transparent!important;-webkit-background-color:transparent!important}.ant-select-dropdown{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffff2!important;-webkit-background-color:rgba(255,255,255,.95)!important;background-color:#fffffff2!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:12px!important;box-shadow:0 8px 32px #0000001a!important;min-width:200px!important}.country-dropdown{min-width:300px!important;margin-top:8px!important;background:#fffffff2!important;-webkit-background-color:rgba(255,255,255,.95)!important;background-color:#fffffff2!important}.ant-select-item:hover{background:#0275dd1a!important;-webkit-background-color:rgba(2,117,221,.1)!important;background-color:#0275dd1a!important}.ant-select-item-option-selected{background:#0275dd26!important;-webkit-background-color:rgba(2,117,221,.15)!important;background-color:#0275dd26!important;font-weight:600!important}.country-selector .ant-select-dropdown{position:absolute!important;top:100%!important;left:50%!important;transform:translate(-50%)!important;margin-top:8px!important;transform-origin:center top!important;will-change:transform!important;-webkit-transform:translateX(-50%)!important;-webkit-transform-origin:center top!important}.country-selector{position:relative!important}.country-selector .ant-select{width:100%!important;max-width:120px!important;margin:0 auto!important}.ant-select-item{color:var(--gray-800)!important;background:transparent!important;padding:8px 12px!important}.ant-select-item:hover{background:#0275dd1a!important}.ant-select-item .ant-space{width:100%!important;justify-content:space-between!important}.ant-select-item .ant-badge{margin-left:auto!important}.scenario-card{height:100%;cursor:pointer;transition:all .3s ease;border:2px solid transparent;overflow:hidden;background:#fffffff2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scenario-card:hover{border-color:var(--primary-color);box-shadow:0 20px 40px #2563eb4d!important}.scenario-card.selected{border-color:var(--primary-color);background:#2563eb0d!important}.scenario-button{border-radius:8px!important;font-weight:600!important;border:none!important;background:var(--primary-color)!important}.scenario-button:hover{background:var(--primary-light)!important;transform:translateY(-1px)}.back-button{background:#ffffff26!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#ffffff40!important;border-color:#ffffff80!important}.steps-card{border-radius:16px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important}.order-summary-card,.payment-form-card,.dropin-card{border-radius:16px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;margin-top:32px!important}.pay-button{height:50px!important;font-size:16px!important;font-weight:600!important;background:linear-gradient(135deg,#0275dd,#054d8e)!important;border:none!important;border-radius:12px!important}.pay-button:hover{background:linear-gradient(135deg,#4adafc,#0275dd)!important;transform:translateY(-1px);box-shadow:0 8px 20px #0275dd4d!important}.error-alert,.result-alert{border-radius:12px!important;margin-top:32px!important}.payment-result-page{min-height:100vh;background:linear-gradient(135deg,#0275dd,#054d8e);display:flex;align-items:center;justify-content:center;padding:24px}.result-container{width:100%;max-width:600px}.result-card{border-radius:20px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 20px 40px #0000001a!important}.result-header{text-align:center;padding:40px 0 20px}.status-icon{margin-bottom:24px}.status-title{margin-bottom:16px!important;color:var(--gray-800)!important}.status-description{font-size:16px!important;color:var(--gray-600)!important;margin-bottom:0!important}.payment-details{margin:30px 0}.details-card{border-radius:12px!important;background:var(--gray-50)!important;border:1px solid var(--gray-200)!important}.result-actions{text-align:center;padding:20px 0;border-top:1px solid var(--gray-200);margin-top:20px}.home-button{background:linear-gradient(135deg,#0275dd,#054d8e)!important;border:none!important;border-radius:12px!important;height:48px!important;padding:0 32px!important;font-weight:600!important}.home-button:hover{background:linear-gradient(135deg,#4adafc,#0275dd)!important;transform:translateY(-1px);box-shadow:0 8px 20px #0275dd4d!important}@media (max-width: 768px){.payment-result-page{padding:16px}.result-header{padding:30px 0 15px}.status-icon{margin-bottom:16px}.status-icon svg{font-size:48px!important}.status-title{font-size:1.5rem!important}.status-description{font-size:14px!important}}@media (max-width: 768px){.header-content{padding:0 16px;flex-direction:column;gap:16px}.header-controls{gap:12px}.language-selector,.country-selector{padding:6px 12px;font-size:13px}.api-mode-display{gap:12px;padding:10px 16px}.api-mode-label{font-size:13px}.main-content{padding:0 16px}.hero-section{padding:40px 0}.section-title{font-size:2rem!important;margin-bottom:40px!important}.scenarios-section{padding:20px 0 40px}.payment-container{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.product-item{gap:8px}.product-image{width:50px;height:50px}.payment-page .ant-row{display:flex;flex-direction:column}.payment-page .ant-col:first-child{order:1;margin-top:0;margin-bottom:0}.payment-page .ant-col:last-child{order:0;margin-bottom:16px}.payment-form-card{margin-top:24px!important}.pay-button{font-size:18px!important;height:56px!important}.payment-container{padding-bottom:40px}}@media (max-width: 480px){.logo-text{font-size:24px}.hero-title{font-size:2rem!important}.hero-subtitle{font-size:1rem!important}}#root{max-width:100%;margin:0;padding:0;text-align:left}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.ant-btn-primary,.ant-select,.ant-input{border-radius:6px}