:root{color-scheme:light only}@media (prefers-color-scheme: dark){:root{color-scheme:light only}}:root{--primary: #1a4787;--primary-light: #3a6db5;--primary-dark: #0d2e5a;--primary-gradient: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);--secondary: #5d7b9e;--secondary-light: #7d9bbf;--secondary-dark: #3d5c7e;--accent-yellow: #f7c948;--accent-yellow-dark: #e6ac00;--accent-yellow-gradient: linear-gradient(135deg, var(--accent-yellow) 0%, var(--accent-yellow-dark) 100%);--success: #34c77b;--success-light: #58e39b;--success-dark: #24945a;--success-gradient: linear-gradient(135deg, var(--success) 0%, var(--success-dark) 100%);--warning: #f5a742;--warning-dark: #e07b00;--danger: #e04f5f;--danger-dark: #c62c3e;--background: #ffffff;--background-alt: #f8fafc;--background-gradient: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);--surface: #f8fafc;--surface-elevated: #ffffff;--card-gradient: linear-gradient(135deg, var(--surface) 0%, var(--surface-elevated) 100%);--text-primary: #293548;--text-secondary: #5d7184;--text-muted: #8596a7;--border: #e2e8f0;--border-light: #edf2f7;--shadow-color: rgba(0, 28, 63, .06);--shadow-color-darker: rgba(0, 28, 63, .12);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-base: 16px;--line-height-base: 1.5;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--page-margin-top: var(--spacing-3xl);--page-margin-bottom: var(--spacing-3xl);--page-margin-horizontal: auto;--page-max-width: 1200px;--page-padding: 0 var(--spacing-md);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 var(--shadow-color);--shadow-md: 0 4px 6px -1px var(--shadow-color), 0 2px 4px -1px var(--shadow-color-darker);--shadow-lg: 0 10px 15px -3px var(--shadow-color), 0 4px 6px -2px var(--shadow-color-darker);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--primary-rgb: 26, 71, 135}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%}body{font-family:var(--font-family);line-height:var(--line-height-base);color:var(--text-primary);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-container{width:100%;margin-top:var(--page-margin-top);margin-bottom:var(--page-margin-bottom);margin-left:var(--page-margin-horizontal);margin-right:var(--page-margin-horizontal);display:flex;flex-direction:column;align-items:center}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:var(--spacing-md);color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--primary-light)}button,.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;font-size:1rem;line-height:1.5;cursor:pointer;transition:all var(--transition-normal);border:none}.button-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-sm)}.button-primary:hover{background:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.button-secondary{background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.button-secondary:hover{background-color:var(--surface-elevated);border-color:var(--border-light);box-shadow:var(--shadow-sm)}.button-accent{background:var(--accent-yellow-gradient);color:var(--primary-dark);box-shadow:var(--shadow-sm)}.button-accent:hover{background:var(--accent-yellow);box-shadow:var(--shadow-md);transform:translateY(-1px)}.donate-btn{background:var(--primary);color:#fff;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);display:inline-block;transition:all var(--transition-normal);border:none;box-shadow:var(--shadow-sm);text-decoration:none}.donate-btn:hover{background:var(--primary-light);color:var(--accent-yellow)!important;color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.donate-btn-white{background:#fff;color:var(--primary)!important;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);display:inline-block;transition:all var(--transition-normal);border:2px solid white;box-shadow:var(--shadow-sm);text-decoration:none}.donate-btn-white:hover{background:var(--primary-dark);color:var(--accent-yellow)!important;border-color:var(--accent-yellow);box-shadow:var(--shadow-md);transform:translateY(-2px);text-shadow:0 1px 2px rgba(0,0,0,.2)}.donate-btn-footer{background:var(--accent-yellow);color:var(--primary-dark);font-weight:700;padding:.75rem 1.5rem;border-radius:var(--radius-md);display:inline-block;transition:all var(--transition-normal);border:2px solid var(--accent-yellow);box-shadow:var(--shadow-md);text-decoration:none;font-size:1.1rem;letter-spacing:.5px}.donate-btn-footer:hover{background:#fff;color:var(--primary);border-color:#fff;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.donate-btn-yellow{background:var(--accent-yellow);color:var(--primary-dark);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);display:inline-block;transition:all var(--transition-normal);border:2px solid var(--accent-yellow);box-shadow:var(--shadow-sm);text-decoration:none}.donate-btn-yellow:hover{background:transparent;color:var(--accent-yellow);box-shadow:var(--shadow-md);transform:translateY(-2px)}input,textarea,select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-normal);background-color:var(--surface-elevated);color:var(--text-primary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #3a6db526}.card{background:var(--card-gradient);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:1px solid var(--border-light)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.container{width:100%;max-width:var(--page-max-width);margin:0 auto;padding:var(--page-padding)}@media (max-width: 768px){:root{--font-size-base: 16px;--page-margin-top: var(--spacing-lg);--page-margin-bottom: var(--spacing-lg);--page-padding: 0 var(--spacing-sm)}h1{font-size:1.875rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.25rem;line-height:1.4}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}.container{padding:0 var(--spacing-sm)}button,.button{min-height:44px;padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.card{margin:0 calc(-1 * var(--spacing-sm));border-radius:0;border-left:none;border-right:none}.hero-logo-large{max-width:280px}.hero-tagline{font-size:1.125rem;padding:0 var(--spacing-sm)}.feature-grid{grid-template-columns:1fr;gap:var(--spacing-lg);padding:0 var(--spacing-sm)}.feature-card{padding:var(--spacing-lg)}}@media (max-width: 480px){:root{--page-padding: 0 var(--spacing-xs)}.container{padding:0 var(--spacing-xs)}h1{font-size:1.625rem}h2{font-size:1.375rem}.hero-logo-large{max-width:240px}button,.button{width:100%;justify-content:center}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.main-hero{background:var(--background-gradient);padding:var(--spacing-2xl) var(--spacing-md);text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero-logo-large{max-width:400px;height:auto;margin:0 auto var(--spacing-lg) auto;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:transform var(--transition-normal)}.hero-logo-large:hover{transform:translateY(-5px)}.hero-tagline{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-button-container{margin-bottom:var(--spacing-md)}.facility-image-section{padding:var(--spacing-xl) var(--spacing-md);background-color:var(--surface);text-align:center}.image-container{max-width:800px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);position:relative}.facility-image{width:100%;height:auto;display:block;transition:transform var(--transition-slow)}.image-container:hover .facility-image{transform:scale(1.02)}.mission-title{font-size:2.5rem;font-weight:600;text-align:center;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);color:var(--text-primary);position:relative;display:inline-block;padding-bottom:var(--spacing-sm)}.mission-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--primary-gradient);border-radius:var(--radius-full)}.feature-section{padding:var(--spacing-xl) 0 var(--spacing-2xl) 0;background-color:var(--background)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.feature-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl);background:var(--card-gradient);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:1px solid var(--border-light)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon-container{width:80px;height:80px;margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border-radius:50%;box-shadow:var(--shadow-md);padding:20px}.feature-icon{width:100%;height:100%;color:#fff}.feature-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.feature-description{color:var(--text-secondary);line-height:1.6}.project-section{background-color:var(--surface);padding:var(--spacing-2xl) 0}.section-title{font-size:2rem;font-weight:600;text-align:center;margin-bottom:var(--spacing-xl);color:var(--text-primary);position:relative;display:inline-block;padding-bottom:var(--spacing-sm)}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:3px;background:var(--primary-gradient);border-radius:var(--radius-full)}.project-image-container{max-width:800px;margin:0 auto var(--spacing-xl) auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);position:relative}.project-image{width:100%;height:auto;display:block;transition:transform var(--transition-slow)}.project-image-container:hover .project-image{transform:scale(1.02)}.cta-container{text-align:center;margin-top:var(--spacing-xl)}.text-white{color:#fff}.bg-primary{background-color:var(--primary)}.bg-surface{background-color:var(--surface)}.container-narrow{max-width:800px}.mx-auto{margin-left:auto;margin-right:auto}.py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.fade-in{animation:fadeIn .4s ease-out forwards}.slide-down{animation:slideDown .3s ease-out forwards}*:focus{outline:2px solid var(--primary-light);outline-offset:2px}button:focus,.button:focus{outline:2px solid var(--primary-light);outline-offset:2px}.loading{opacity:.6;pointer-events:none;position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (hover: none) and (pointer: coarse){button,.button,.amount-button,.sepa-amount-button,.stripe-amount-button{min-height:44px;min-width:44px}.tab-button{min-height:48px}}svg{display:inline-block;vertical-align:middle}svg[fill=none]{fill:none}svg[stroke=currentColor]{stroke:currentColor}.submit-button svg,.counter-button svg,.tab-icon,.menu-icon,.close-icon,.contact-icon,.impact-check{display:inline-block;flex-shrink:0}svg[stroke=currentColor] path,svg[stroke=currentColor] line{stroke:inherit}svg[fill=currentColor] path{fill:inherit}