@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fonts/Manrope-VariableFont_wght.0N3pECc_.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #F4F5F7;--primary-dark: #764ba2;--secondary-color: #F4F5F7;--text-primary: #041824;--text-secondary: #637382;--border-color: #e5e7eb;--bg-white: #FFFFFF;--bg-gray: #F4F5F7;--success-color: #10b981;--error-color: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--spacing-lg: 24px;--spacing-md: 16px;--spacing-xs: 4px;--text-md: 16px;--text-lg: 24px;--text-xl: 32px}body{font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-gray);height:100vh;color:var(--text-primary)}.loading-overlay{top:0;left:0;position:absolute;width:100%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.loading-overlay.show{display:flex}.loading-content{background-color:var(--bg-white);text-align:center;max-width:100%;width:100%;height:100%;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.spinner{width:60px;height:60px;margin:0 auto;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}#app{max-width:500px;margin:0 auto;padding-top:120px}.container{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md);border-radius:var(--radius-lg);padding:var(--spacing-lg);background:var(--bg-white)}.error-banner{background:var(--error-color);color:#fff;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;font-weight:500;box-shadow:var(--shadow-md);animation:slideDown .3s ease;display:none}.error-banner.show{display:block}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.payment-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-title{font-size:18px;font-weight:700;color:var(--text-primary);text-align:start;line-height:24px}#payment-methods .loading-state,#payment-methods .empty-state,#payment-methods .error-state{color:var(--text-secondary);font-size:1rem}#payment-methods .empty-state{padding-top:var(--spacing-md)}#payment-methods .loading-state:before{content:"";display:block;width:40px;height:40px;margin:0 auto 1rem;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#payment-methods .error-state{color:var(--error-color)}#payment-methods .error-state:before{content:"x";display:block;font-size:3rem;margin-bottom:1rem}.footer{text-align:center;margin-top:2rem;padding:1rem;color:var(--text-secondary);font-size:.9rem}.footer p{display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 640px){#app{padding-top:80px}}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.embed-section{animation:fadeIn .3s ease}.embed-section embed-frame{display:block}.btn-back{background-color:transparent;border:0;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;line-height:22px;color:#041824;cursor:pointer;margin-bottom:16px}.secondary-text{font-size:var(--text-md);font-weight:400;line-height:22px;color:var(--text-secondary)}