:root{--primary: #2D9B8F;--primary-hover: #237E74;--dark: #2D3250;--darker: #1E213A;--light: #F5F7FA;--white: #ffffff;--text-main: #333333;--text-muted: #666666;--glass: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .3);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-main);background-color:var(--white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:var(--white)}[dir=rtl]{font-family:Tajawal,sans-serif}a{font-weight:600;color:var(--primary);text-decoration:inherit;transition:all .3s ease}a:hover{color:var(--primary-hover);opacity:1!important}h1,h2,h3,h4,h5,h6{line-height:1.1;font-weight:800}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:700;font-family:inherit;background-color:var(--primary);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px #2d9b8f33}button:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:fadeInUp .8s cubic-bezier(.22,1,.36,1) forwards}.card-hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a!important;border-color:#2d9b8f26!important}@keyframes pulse-teal{0%{box-shadow:0 0 #2d9b8f66}70%{box-shadow:0 0 0 20px #2d9b8f00}to{box-shadow:0 0 #2d9b8f00}}.play-button-pulse{animation:pulse-teal 2s infinite}.story-item-hover:hover{background-color:#ffffff14!important}.navbar.scrolled{box-shadow:0 4px 30px #0000001a}.nav-links{display:flex;gap:2rem;align-items:center}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:#ffffffd9;padding:8px;border-radius:6px;border:none;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hamburger span{width:22px;height:2.5px;background:#333;border-radius:2px;transition:all .3s ease;display:block}@media(max-width:768px){.app-content-wrapper{padding:0!important}.navbar{padding:.75rem 1.5rem!important}.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;background:#fffffffa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:80%;max-width:320px;height:100vh;flex-direction:column;justify-content:center;gap:2.5rem;transition:.4s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px #00000026;z-index:1000;padding:3rem}.nav-links.open{right:0}[dir=rtl] .nav-links{right:auto;left:-100%}[dir=rtl] .nav-links.open{left:0}.nav-links a{font-size:1.25rem!important;font-weight:700!important}.hero-section{padding:0 5%!important;align-items:center!important;text-align:center!important;justify-content:center!important}.hero-title{text-align:center!important;margin-bottom:2rem!important}.hero-description{text-align:center!important;margin:0 auto;border-right:none!important;border-left:none!important;border-top:4px solid var(--primary)!important}.hero-button{align-self:center!important}section{padding:4rem 1.5rem!important}.why-donation-layout{flex-direction:column!important;gap:3rem!important}.why-donation-cards{flex-direction:column!important;gap:1.5rem!important}.why-donation-image-container{width:100%!important;max-width:400px}.steps-grid{flex-direction:column!important;gap:2.5rem!important;align-items:center!important}.step-line{display:none!important}.step-card{max-width:100%!important;width:100%!important}.stories-layout{flex-direction:column!important;gap:2rem!important}.video-area{min-height:250px!important}.contact-layout{flex-direction:column!important;gap:3rem!important}.contact-title{font-size:2.25rem!important}.contact-button{align-self:stretch!important;width:100%!important}.footer-layout{flex-direction:column!important;text-align:center!important;align-items:center!important;gap:2.5rem!important}.footer-attribution{padding-left:0!important;padding-right:0!important;text-align:center!important}.footer-contact-item,.footer-social-row{justify-content:center!important}.floating-controls{flex-direction:column!important;bottom:1.5rem!important;right:1.5rem!important}}@media(max-width:480px){.hero-title{line-height:1.2!important}.navbar{padding:.5rem 1rem!important}}