:root{--color-primary: #142262;--color-secondary: #10B981;--color-cta: #142262;--color-background: #FFFFFF;--color-surface: #F8FAFC;--color-surface-hover: #E2E8F0;--color-text: #1E293B;--color-text-secondary: #64748B;--color-border: #E2E8F0;--color-error: #EF4444;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--max-width: 480px;--border-radius: 12px;--border-radius-sm: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);line-height:1.6;min-height:100vh}#app{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-md);min-height:100vh;display:flex;flex-direction:column}#page-content{flex:1;display:flex;flex-direction:column}.hidden{display:none!important}#loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;gap:var(--spacing-md);flex:1}.spinner{width:48px;height:48px;border:4px solid var(--color-surface);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@keyframes spin{to{transform:rotate(360deg)}}.demo-mode{text-align:center;padding:var(--spacing-xl)}.demo-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.demo-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.demo-instructions{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.demo-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.demo-buttons .cta-button{width:auto;padding:var(--spacing-sm) var(--spacing-lg)}.view-container{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view-header{text-align:center;padding:var(--spacing-md) var(--spacing-md);background:var(--color-surface);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm)}.app-logo{max-width:100%;height:auto;max-height:60px;margin-bottom:var(--spacing-sm)}.app-logo-large{max-height:200px;margin-bottom:var(--spacing-lg)}.app-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm)}.headline{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs);line-height:1.3}.subtext{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:400px;margin:0 auto;line-height:1.4}.donate-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.back-button{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--color-surface-hover)}.donate-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);flex:1}.donate-content{flex:1}.donation-form-section{display:flex;flex-direction:column;flex:1}.donation-form-section .iframe-container{flex:none;min-height:auto}.view-content{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.view-content section{flex:1;display:flex;flex-direction:column}.view-content section .iframe-container{flex:1}.iframe-container{background:transparent;overflow:hidden;margin:var(--spacing-sm) 0 var(--spacing-md) 0;display:flex;flex-direction:column}.iframe-container iframe{display:block;width:100%;flex:1;border:none;background:transparent;vertical-align:bottom;line-height:0}.iframe-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;min-height:150px;gap:var(--spacing-md)}.iframe-fallback-large{min-height:300px}.iframe-fallback-icon{font-size:48px;opacity:.6}.iframe-fallback-text{color:var(--color-text-secondary);font-size:var(--font-size-base)}.fallback-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-hover);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease}.fallback-button:hover{background:var(--color-primary);border-color:var(--color-primary)}.fallback-button-primary{background:var(--color-cta);border-color:var(--color-cta);color:#fff;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.fallback-button-primary:hover{background:#d97706;border-color:#d97706}.cta-button{display:block;width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-cta),#0D1741);color:#fff;font-size:var(--font-size-lg);font-weight:600;border:none;border-radius:var(--border-radius-sm);cursor:pointer;text-align:center;transition:all .2s ease;box-shadow:0 4px 14px rgba(20,34,98,.3)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(20,34,98,.4)}.cta-button:active{transform:translateY(0)}.cta-button.secondary{background:var(--color-surface);border:2px solid var(--color-cta);color:var(--color-cta);box-shadow:none}.cta-button.secondary:hover{background:var(--color-cta);color:#fff}.section-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.error-message{background:rgba(239,68,68,.1);border:1px solid var(--color-error);border-radius:var(--border-radius-sm);padding:var(--spacing-md);color:var(--color-error);text-align:center;font-size:var(--font-size-sm)}.app-logo{background:transparent;padding:0}@media(min-width:480px){.headline{font-size:var(--font-size-2xl)}}.welcome-container{justify-content:center}.welcome-content{gap:var(--spacing-lg)}.welcome-option{text-align:center}.welcome-option-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.welcome-divider{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.welcome-divider:before,.welcome-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}