*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navigation{background-color:var(--color-white);box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:var(--spacing-md) var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);text-decoration:none;transition:color var(--transition-base)}.nav-logo:hover{color:var(--color-link)}.nav-toggle{display:none;flex-direction:column;background:transparent;border:none;cursor:pointer;padding:var(--spacing-xs);gap:4px}.nav-toggle span{width:25px;height:3px;background-color:var(--color-text);border-radius:2px;transition:all var(--transition-base)}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg);margin:0;padding:0}.nav-menu li a{color:var(--color-text);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-base);display:block}.nav-menu li a:hover,.nav-menu li a.active{color:var(--color-link);background-color:var(--color-primary)}@media(max-width:768px){.navigation{overflow:visible}.nav-container{position:relative;flex-wrap:wrap}.nav-toggle{display:flex}.nav-menu{position:absolute;top:100%;left:0;right:0;width:100%;background-color:var(--color-white);flex-direction:column;padding:0;box-shadow:0 4px 8px #0000001a;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .2s ease;gap:0;margin:0;z-index:1001;opacity:0}.nav-menu.active{max-height:150px;opacity:1;padding:var(--spacing-sm) 0}.nav-menu li{width:100%;margin:0}.nav-menu li a{padding:var(--spacing-md) var(--spacing-md);border-bottom:1px solid var(--color-primary);display:block;width:100%;box-sizing:border-box}.nav-menu li:last-child a{border-bottom:none}}.footer{background-color:var(--color-white);border-top:1px solid var(--color-primary);margin-top:auto;padding:var(--spacing-lg) 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-text{color:var(--color-text);font-size:var(--font-size-base);margin:0}.footer-social{display:flex;gap:var(--spacing-md)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-link);transition:all var(--transition-base);border-radius:var(--radius-md)}.social-link:hover{color:var(--color-link-hover);background-color:var(--color-primary);transform:translateY(-2px)}.social-link svg{width:24px;height:24px}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%}.ajda-page{flex:1}.hero-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:var(--spacing-xxl) 0;text-align:center}.hero-title{font-size:var(--font-size-4xl);color:var(--color-text);margin-bottom:var(--spacing-md)}.hero-image{width:250px;height:250px;border-radius:50%;object-fit:cover;margin:var(--spacing-lg) auto;display:block;border:4px solid var(--color-white);box-shadow:0 4px 16px #00000026}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text);opacity:.9;margin-top:var(--spacing-lg)}.story-section{background-color:var(--color-background)}.story-content{max-width:800px;margin:0 auto;font-size:var(--font-size-lg);line-height:1.8}.story-content ul,.story-content ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl);padding-right:var(--spacing-md)}.story-content li{margin-bottom:var(--spacing-sm);line-height:1.8}.event-section{background-color:var(--color-background)}.event-button{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);text-decoration:none;color:var(--color-text);transition:all var(--transition-base);max-width:600px;margin:0 auto}.event-button:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000026}.event-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);border-radius:var(--radius-md);color:var(--color-text)}.event-button:hover .event-icon{background-color:var(--color-link);color:var(--color-white)}.event-content{flex:1}.event-title{margin:0 0 var(--spacing-xs) 0;color:var(--color-link);font-size:var(--font-size-xl);transition:color var(--transition-base)}.event-button:hover .event-title{color:var(--color-link-hover)}.event-details{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);font-size:var(--font-size-base);color:var(--color-text);opacity:.8}.event-date{font-weight:500}.event-separator{opacity:.6}.event-location{font-style:italic}.media-section{background-color:var(--color-white)}.media-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.media-card{transition:transform var(--transition-base)}.media-card:hover{transform:translateY(-4px)}.media-link{display:block;color:var(--color-text)}.media-link h3{margin:0 0 var(--spacing-sm) 0;color:var(--color-link);transition:color var(--transition-base)}.media-link:hover h3{color:var(--color-link-hover)}.media-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text);opacity:.8;margin-top:var(--spacing-xs)}.media-publisher{font-weight:500}.media-separator{opacity:.6}.media-date{font-style:italic}.no-posts{text-align:center;color:var(--color-text);opacity:.7;font-style:italic}.donation-section{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary) 100%)}.donation-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;max-width:1000px;margin:0 auto}.donation-info h3{color:var(--color-text);margin-bottom:var(--spacing-md)}.donation-info p{margin-bottom:var(--spacing-md);line-height:1.8}.donation-details{background-color:var(--color-white);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.qr-code-container{display:flex;justify-content:center;align-items:center;background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a}.qr-code{max-width:100%;height:auto;display:block}@media(max-width:768px){.hero-title{font-size:var(--font-size-3xl)}.hero-image{width:200px;height:200px}.hero-subtitle{font-size:var(--font-size-lg)}.event-button{flex-direction:column;text-align:center;padding:var(--spacing-md)}.event-icon{width:40px;height:40px}.event-icon svg{width:24px;height:24px}.event-title{font-size:var(--font-size-lg)}.event-details{justify-content:center;font-size:var(--font-size-sm)}.media-posts{grid-template-columns:1fr}.donation-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.qr-code-container{padding:var(--spacing-md)}}.about-page{flex:1}.about-page .hero-section{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%);padding:var(--spacing-xxl) 0}.about-page .section-title{margin-bottom:0}.content-section{background-color:var(--color-background)}.about-content{max-width:700px;margin:0 auto;padding:0 var(--spacing-md)}.about-content h2{color:var(--color-text);margin-bottom:var(--spacing-xl);margin-top:var(--spacing-lg)}.about-content p{font-size:var(--font-size-lg);line-height:1.9;margin-bottom:var(--spacing-lg);text-align:justify;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto}.about-content p:first-of-type{font-size:var(--font-size-xl);font-weight:500;margin-bottom:var(--spacing-lg)}.about-content p:last-child{margin-bottom:0}.about-content ul,.about-content ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl);padding-right:var(--spacing-md)}.about-content li{margin-bottom:var(--spacing-sm);line-height:1.8}.mission-section ul,.mission-section ol,.team-section ul,.team-section ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl);padding-right:var(--spacing-md)}.mission-section li,.team-section li{margin-bottom:var(--spacing-sm);line-height:1.8}.mission-section,.team-section{margin-top:var(--spacing-xxl);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000d}.mission-section p,.team-section p{line-height:1.9;margin-bottom:var(--spacing-lg);text-align:justify;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto}.mission-section h3,.team-section h3{color:var(--color-link);margin-bottom:var(--spacing-lg);margin-top:0}.team-image,.about-content img{max-width:100%;height:auto;display:block;margin:var(--spacing-md) auto;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a}.about-content p img{margin:var(--spacing-md) 0}@media(max-width:768px){.about-content{max-width:100%;padding:0}.about-content p{text-align:left;line-height:1.8}.about-content p:first-of-type{font-size:var(--font-size-lg)}.mission-section,.team-section{padding:var(--spacing-md);margin-top:var(--spacing-lg);margin-left:0;margin-right:0}.mission-section p,.team-section p{text-align:left}.team-image,.about-content img{margin:var(--spacing-sm) auto}}:root{--color-primary: #E8D5FF;--color-secondary: #FFE5F1;--color-accent: #D4F1D4;--color-background: #FFFBF5;--color-text: #5A5A5A;--color-link: #A8D5E2;--color-link-hover: #7EC8E3;--color-white: #FFFFFF;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-md)}ul,ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg);padding-right:0}li{margin-bottom:var(--spacing-xs);line-height:1.6}ul{list-style-type:disc}ol{list-style-type:decimal}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-link-hover)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.section-title{text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-text);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-base);text-align:center}.btn:hover{background-color:var(--color-link);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:0 2px 8px #0000000d;transition:box-shadow var(--transition-base)}.card:hover{box-shadow:0 4px 16px #0000001a}@media(max-width:768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.section{padding:var(--spacing-lg) 0}.container{padding:0 var(--spacing-xs)}}