:root{--primary:#2B3A67;--primary-light:#3D4F8A;--primary-dark:#1A2544;--primary-50:#E8EAF6;--primary-100:#C5CAE9;--secondary:#FFD700;--secondary-light:#FFF176;--secondary-dark:#FFC000;--accent-red:#E53935;--accent-cyan:#00BCD4;--accent-orange:#FF6F00;--white:#FFFFFF;--gray-50:#FAFAFA;--gray-100:#F5F5F5;--gray-200:#EEEEEE;--gray-300:#E0E0E0;--gray-400:#BDBDBD;--gray-500:#9E9E9E;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--font-primary:'Poppins',sans-serif;--font-arabic:'Amiri',serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden;}body{font-family:var(--font-primary);color:var(--gray-800);background-color:var(--white);line-height:1.6;overflow-x:hidden;}a{text-decoration:none;color:inherit;transition:color var(--transition-fast);}img{max-width:100%;height:auto;display:block;}ul,ol{list-style:none;}button{cursor:pointer;border:none;background:none;font-family:inherit;}input,textarea,select{font-family:inherit;font-size:inherit;}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--gray-900);}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);}.text-primary{color:var(--primary);}.text-secondary{color:var(--secondary-dark);}.text-center{text-align:center;}.text-arabic{font-family:var(--font-arabic);font-size:1.5rem;direction:rtl;}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);}.container-sm{max-width:800px;}.container-lg{max-width:1400px;}.section{padding:var(--spacing-3xl) 0;}.section-header{text-align:center;margin-bottom:var(--spacing-2xl);}.section-header h2{margin-bottom:var(--spacing-sm);}.section-header p{color:var(--gray-600);max-width:600px;margin:0 auto;}.section-header .subtitle{color:var(--primary);font-weight:600;font-size:0.875rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm);display:block;}.bg-primary{background-color:var(--primary);color:var(--white);}.bg-primary-light{background-color:var(--primary-50);}.bg-gray{background-color:var(--gray-100);}.bg-white{background-color:var(--white);}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--white);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);}.navbar.scrolled{box-shadow:var(--shadow-md);}.navbar .container{display:flex;align-items:center;justify-content:space-between;height:80px;}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-sm);}.navbar-brand img,.navbar-brand .brand-logo{height:50px;width:auto;object-fit:contain;}.navbar-brand .brand-text{display:flex;flex-direction:column;}.navbar-brand .brand-name{font-size:1.125rem;font-weight:700;color:var(--primary);line-height:1.2;}.navbar-brand .brand-tagline{font-size:0.75rem;color:var(--gray-600);}.navbar-menu{display:flex;align-items:center;gap:var(--spacing-xl);}.navbar-menu a{font-weight:500;color:var(--gray-700);padding:var(--spacing-sm) 0;position:relative;}.navbar-menu a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary);transition:width var(--transition-fast);}.navbar-menu a:hover,.navbar-menu a.active{color:var(--primary);}.navbar-menu a.btn{color:var(--white) !important;padding:var(--spacing-sm) var(--spacing-lg);}.navbar-menu a.btn::after{display:none;}.navbar-menu a.btn:hover{color:var(--white) !important;}.navbar-menu a:hover::after,.navbar-menu a.active::after{width:100%;}.navbar-toggle{display:none;flex-direction:column;gap:5px;padding:var(--spacing-sm);}.navbar-toggle span{display:block;width:25px;height:3px;background-color:var(--gray-800);border-radius:var(--radius-full);transition:all var(--transition-fast);}@media (max-width:768px){.navbar-toggle{display:flex;}.navbar-menu{position:fixed;top:80px;left:0;right:0;background-color:var(--white);flex-direction:column;padding:var(--spacing-lg);gap:var(--spacing-md);box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal);}.navbar-menu.active{transform:translateY(0);opacity:1;visibility:visible;}.navbar-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}.navbar-toggle.active span:nth-child(2){opacity:0;}.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px);}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-weight:600;font-size:0.9375rem;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;}.btn-primary{background-color:var(--primary);color:var(--white);}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md);}.btn-secondary{background-color:var(--secondary);color:var(--gray-900);}.btn-secondary:hover{background-color:var(--secondary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md);}.btn-outline{border:2px solid var(--primary);color:var(--primary);background-color:transparent;}.btn-outline:hover{background-color:var(--primary);color:var(--white);}.btn-outline-white{border:2px solid var(--white);color:var(--white);background-color:transparent;}.btn-outline-white:hover{background-color:var(--white);color:var(--primary);}.btn-white{background-color:var(--white);color:var(--primary);}.btn-white:hover{background-color:var(--gray-100);transform:translateY(-2px);}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1rem;}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:0.875rem;}.btn-icon{padding:var(--spacing-md);border-radius:var(--radius-full);}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:80px;overflow:hidden;}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;}.hero-bg img{width:100%;height:100%;object-fit:cover;}.hero-bg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(26,37,68,0.95) 0%,rgba(43,58,103,0.9) 50%,rgba(61,79,138,0.85) 100%);}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30L30 0z' fill='%23ffffff' fill-opacity='0.03'/%3E%3C/svg%3E");background-size:60px 60px;z-index:1;}.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-3xl);align-items:center;}.hero-content{color:var(--white);}.hero-content .subtitle{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:0.875rem;font-weight:500;margin-bottom:var(--spacing-xl);border:1px solid rgba(255,255,255,0.2);animation:fadeInUp 0.8s ease;}.hero-content .subtitle::before{content:'';width:8px;height:8px;background-color:var(--secondary);border-radius:50%;animation:pulse 2s infinite;}.hero-content h1{color:var(--white);font-size:3.5rem;margin-bottom:var(--spacing-lg);line-height:1.15;font-weight:700;animation:fadeInUp 0.8s ease 0.1s both;}.hero-content h1 .highlight{background:linear-gradient(135deg,var(--secondary) 0%,#FFE082 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero-content p{font-size:1.2rem;opacity:0.95;margin-bottom:var(--spacing-xl);max-width:540px;line-height:1.7;animation:fadeInUp 0.8s ease 0.2s both;}.hero-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap;animation:fadeInUp 0.8s ease 0.3s both;}.hero-buttons .btn{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1rem;border-radius:var(--radius-lg);}.hero-buttons .btn-secondary{background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-dark) 100%);box-shadow:0 4px 15px rgba(255,193,7,0.4);}.hero-buttons .btn-secondary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,193,7,0.5);}.hero-gallery{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);animation:fadeInUp 0.8s ease 0.4s both;}.hero-gallery-item{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.3);transition:transform var(--transition-normal);}.hero-gallery-item:hover{transform:translateY(-5px) scale(1.02);}.hero-gallery-item img{width:100%;height:100%;object-fit:cover;}.hero-gallery-item:nth-child(1){grid-row:span 2;aspect-ratio:3/4;}.hero-gallery-item:nth-child(2),.hero-gallery-item:nth-child(3){aspect-ratio:4/3;}.hero-gallery-item::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.4) 0%,transparent 50%);z-index:1;opacity:0;transition:opacity var(--transition-normal);}.hero-gallery-item:hover::before{opacity:1;}.hero-float{position:absolute;z-index:3;}.hero-float-badge{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(0,0,0,0.2);display:flex;align-items:center;gap:var(--spacing-md);animation:float 3s ease-in-out infinite;}.hero-float-badge.badge-1{bottom:15%;right:5%;animation-delay:0s;}.hero-float-badge.badge-2{top:25%;right:10%;animation-delay:1s;}.hero-float-badge .icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:white;}.hero-float-badge .info h4{font-size:1.25rem;color:var(--primary);margin-bottom:0;}.hero-float-badge .info span{font-size:0.8rem;color:var(--gray-600);}@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}.hero-stats{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,0.2);animation:fadeInUp 0.8s ease 0.5s both;}.hero-stat{flex:1;text-align:center;padding:var(--spacing-md);position:relative;}.hero-stat:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:60%;background:rgba(255,255,255,0.2);}.hero-stat .number{display:block;font-size:2.75rem;font-weight:700;background:linear-gradient(135deg,var(--secondary) 0%,#FFE082 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--spacing-xs);}.hero-stat .label{font-size:0.9rem;opacity:0.9;font-weight:500;}.hero-scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;animation:bounce 2s infinite;}.hero-scroll a{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:white;opacity:0.8;transition:opacity var(--transition-fast);}.hero-scroll a:hover{opacity:1;}.hero-scroll span{font-size:0.75rem;text-transform:uppercase;letter-spacing:2px;}.hero-scroll .mouse{width:26px;height:40px;border:2px solid rgba(255,255,255,0.6);border-radius:20px;position:relative;}.hero-scroll .mouse::before{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:4px;height:8px;background:white;border-radius:2px;animation:scrollWheel 2s infinite;}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0);}40%{transform:translateX(-50%) translateY(-10px);}60%{transform:translateX(-50%) translateY(-5px);}}@keyframes scrollWheel{0%{opacity:1;top:8px;}100%{opacity:0;top:20px;}}@media (max-width:992px){.hero .container{grid-template-columns:1fr;text-align:center;}.hero-content h1{font-size:2.5rem;}.hero-content p{margin:0 auto var(--spacing-xl);}.hero-buttons{justify-content:center;}.hero-gallery{display:none;}.hero-float{display:none;}.hero-stats{justify-content:center;flex-wrap:wrap;}.hero-stat:not(:last-child)::after{display:none;}}@media (max-width:576px){.hero-content h1{font-size:2rem;}.hero-content p{font-size:1rem;}.hero-stats{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);}.hero-stat .number{font-size:2rem;}.hero-scroll{display:none;}}.card{background-color:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);}.card-image{position:relative;overflow:hidden;aspect-ratio:16/10;}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);}.card:hover .card-image img{transform:scale(1.05);}.card-body{padding:var(--spacing-lg);}.card-title{font-size:1.25rem;margin-bottom:var(--spacing-sm);}.card-text{color:var(--gray-600);font-size:0.9375rem;margin-bottom:var(--spacing-md);}.card-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:0.875rem;color:var(--gray-500);}.card-meta span{display:flex;align-items:center;gap:var(--spacing-xs);}.program-card{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);}.program-card .icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);background-color:var(--primary-50);border-radius:var(--radius-full);color:var(--primary);font-size:2rem;}.program-card h3{margin-bottom:var(--spacing-md);}.program-card p{color:var(--gray-600);margin-bottom:0;}.feature-card{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:all var(--transition-normal);}.feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);}.feature-card .icon{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-50);border-radius:var(--radius-md);color:var(--primary);font-size:1.5rem;}.feature-card h4{margin-bottom:var(--spacing-sm);}.feature-card p{color:var(--gray-600);font-size:0.9375rem;margin-bottom:0;}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center;}.about-image{position:relative;}.about-image img{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);}.about-image .experience-badge{position:absolute;bottom:-20px;right:-20px;background-color:var(--primary);color:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-lg);}.about-image .experience-badge .number{display:block;font-size:2.5rem;font-weight:700;}.about-image .experience-badge .text{font-size:0.875rem;}.about-content h2{margin-bottom:var(--spacing-lg);}.about-content .lead{font-size:1.125rem;color:var(--gray-700);margin-bottom:var(--spacing-lg);}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);}.about-features li{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--gray-700);}.about-features li svg{color:var(--primary);flex-shrink:0;}@media (max-width:992px){.about-grid{grid-template-columns:1fr;gap:var(--spacing-2xl);}.about-image{order:2;}}.programs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);}@media (max-width:992px){.programs-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:576px){.programs-grid{grid-template-columns:1fr;}}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);}.gallery-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);}.gallery-item::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.7) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-normal);z-index:1;}.gallery-item:hover img{transform:scale(1.1);}.gallery-item:hover::before{opacity:1;}.gallery-item .overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);color:var(--white);transform:translateY(100%);transition:transform var(--transition-normal);z-index:2;}.gallery-item:hover .overlay{transform:translateY(0);}@media (max-width:992px){.gallery-grid{grid-template-columns:repeat(3,1fr);}}@media (max-width:576px){.gallery-grid{grid-template-columns:repeat(2,1fr);}}.donation-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);position:relative;overflow:hidden;}.donation-section::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='40' fill='%23ffffff' fill-opacity='0.05'/%3E%3C/svg%3E");background-size:100px 100px;}.donation-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center;}.donation-content h2{color:var(--white);margin-bottom:var(--spacing-md);}.donation-content p{opacity:0.9;margin-bottom:var(--spacing-xl);}.donation-methods{display:flex;flex-direction:column;gap:var(--spacing-md);}.donation-method{display:flex;align-items:center;gap:var(--spacing-md);background-color:rgba(255,255,255,0.1);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);backdrop-filter:blur(10px);}.donation-method img{height:40px;width:auto;}.donation-method .info{flex:1;}.donation-method .bank-name{font-weight:600;font-size:0.875rem;}.donation-method .account-number{font-size:1.125rem;font-weight:700;font-family:monospace;}.donation-method .account-name{font-size:0.75rem;opacity:0.8;}.donation-method .copy-btn{color:var(--white);padding:var(--spacing-sm);border-radius:var(--radius-md);background-color:rgba(255,255,255,0.2);transition:background-color var(--transition-fast);}.donation-method .copy-btn:hover{background-color:rgba(255,255,255,0.3);}.donation-image{position:relative;z-index:1;}.donation-image img{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);}@media (max-width:992px){.donation-grid{grid-template-columns:1fr;}.donation-image{display:none;}}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);}.blog-card .card-category{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary-50);color:var(--primary);font-size:0.75rem;font-weight:600;border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);}.blog-card .card-title a:hover{color:var(--primary);}@media (max-width:992px){.blog-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:576px){.blog-grid{grid-template-columns:1fr;}}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-3xl);}.contact-info h3{margin-bottom:var(--spacing-lg);}.contact-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);}.contact-item{display:flex;gap:var(--spacing-md);}.contact-item .icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-50);color:var(--primary);border-radius:var(--radius-md);flex-shrink:0;}.contact-item h4{font-size:1rem;margin-bottom:var(--spacing-xs);}.contact-item p{color:var(--gray-600);margin-bottom:0;font-size:0.9375rem;}.social-links{display:flex;gap:var(--spacing-sm);}.social-links a{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background-color:var(--gray-100);color:var(--gray-700);border-radius:var(--radius-full);transition:all var(--transition-fast);}.social-links a:hover{background-color:var(--primary);color:var(--white);}.contact-form{background-color:var(--white);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);}.contact-form h3{margin-bottom:var(--spacing-lg);}.form-group{margin-bottom:var(--spacing-lg);}.form-group label{display:block;font-weight:500;margin-bottom:var(--spacing-sm);color:var(--gray-700);}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast);}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50);}.form-group textarea{min-height:150px;resize:vertical;}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);}@media (max-width:768px){.form-row{grid-template-columns:1fr;}}@media (max-width:992px){.contact-grid{grid-template-columns:1fr;}}.testimonial-card{padding:var(--spacing-xl);background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);}.testimonial-card .quote{font-size:1.125rem;font-style:italic;color:var(--gray-700);margin-bottom:var(--spacing-lg);position:relative;padding-left:var(--spacing-xl);}.testimonial-card .quote::before{content:'"';position:absolute;left:0;top:-10px;font-size:4rem;color:var(--primary-100);font-family:Georgia,serif;line-height:1;}.testimonial-card .author{display:flex;align-items:center;gap:var(--spacing-md);}.testimonial-card .author img{width:50px;height:50px;border-radius:var(--radius-full);object-fit:cover;}.testimonial-card .author-info .name{font-weight:600;color:var(--gray-900);}.testimonial-card .author-info .role{font-size:0.875rem;color:var(--gray-500);}.cta-section{background-color:var(--primary);color:var(--white);text-align:center;padding:var(--spacing-3xl) 0;}.cta-section h2{color:var(--white);margin-bottom:var(--spacing-md);}.cta-section p{opacity:0.9;margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto;}.cta-buttons{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;}.footer{background-color:var(--gray-900);color:var(--gray-400);padding-top:var(--spacing-3xl);}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--gray-800);}.footer-brand .brand-name{color:var(--white);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-md);}.footer-brand p{margin-bottom:var(--spacing-lg);line-height:1.7;}.footer-brand .social-links a{background-color:var(--gray-800);color:var(--gray-400);}.footer-brand .social-links a:hover{background-color:var(--primary);color:var(--white);}.footer h4{color:var(--white);font-size:1.125rem;margin-bottom:var(--spacing-lg);}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-sm);}.footer-links a{color:var(--gray-400);transition:all var(--transition-fast);}.footer-links a:hover{color:var(--white);padding-left:var(--spacing-sm);}.footer-contact{display:flex;flex-direction:column;gap:var(--spacing-md);}.footer-contact li{display:flex;gap:var(--spacing-sm);}.footer-contact svg{color:var(--primary-light);flex-shrink:0;margin-top:4px;}.footer-bottom{padding:var(--spacing-lg) 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);}.footer-bottom p{margin-bottom:0;}.footer-bottom a{color:var(--primary-light);}.footer-bottom a:hover{color:var(--white);}@media (max-width:992px){.footer-grid{grid-template-columns:1fr 1fr;}}@media (max-width:576px){.footer-grid{grid-template-columns:1fr;}.footer-bottom{flex-direction:column;text-align:center;}}.page-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:calc(80px + var(--spacing-3xl)) 0 var(--spacing-3xl);text-align:center;position:relative;overflow:hidden;}.page-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30L30 0z' fill='%23ffffff' fill-opacity='0.03'/%3E%3C/svg%3E");background-size:60px 60px;}.page-header .container{position:relative;z-index:1;}.page-header h1{color:var(--white);margin-bottom:var(--spacing-md);}.page-header p{opacity:0.9;max-width:600px;margin:0 auto;}.breadcrumb{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);font-size:0.875rem;}.breadcrumb a{opacity:0.8;}.breadcrumb a:hover{opacity:1;}.breadcrumb .separator{opacity:0.5;}.breadcrumb .current{opacity:1;}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.d-flex{display:flex;}.d-block{display:block;}.d-none{display:none;}.flex-column{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.align-center{align-items:center;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-sm{gap:var(--spacing-sm);}.gap-md{gap:var(--spacing-md);}.gap-lg{gap:var(--spacing-lg);}.gap-xl{gap:var(--spacing-xl);}.mt-sm{margin-top:var(--spacing-sm);}.mt-md{margin-top:var(--spacing-md);}.mt-lg{margin-top:var(--spacing-lg);}.mt-xl{margin-top:var(--spacing-xl);}.mt-2xl{margin-top:var(--spacing-2xl);}.mb-sm{margin-bottom:var(--spacing-sm);}.mb-md{margin-bottom:var(--spacing-md);}.mb-lg{margin-bottom:var(--spacing-lg);}.mb-xl{margin-bottom:var(--spacing-xl);}.mb-2xl{margin-bottom:var(--spacing-2xl);}.p-sm{padding:var(--spacing-sm);}.p-md{padding:var(--spacing-md);}.p-lg{padding:var(--spacing-lg);}.p-xl{padding:var(--spacing-xl);}.w-100{width:100%;}.h-100{height:100%;}.rounded{border-radius:var(--radius-md);}.rounded-lg{border-radius:var(--radius-lg);}.rounded-full{border-radius:var(--radius-full);}@media (max-width:768px){.d-md-none{display:none;}.d-md-block{display:block;}}@media (max-width:576px){.d-sm-none{display:none;}.d-sm-block{display:block;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}.fade-in{animation:fadeIn 0.5s ease;}.fade-in-up{animation:fadeInUp 0.5s ease;}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all 0.6s ease;}.animate-on-scroll.animated{opacity:1;transform:translateY(0);}.hero-modern{position:relative;min-height:calc(100vh - 80px);display:flex;align-items:center;overflow:hidden;margin-top:80px;}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-attachment:fixed;z-index:0;}.hero-bg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(26,37,68,0.97) 0%,rgba(43,58,103,0.93) 50%,rgba(61,79,138,0.88) 100%);}.hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;}@keyframes floatParticle{0%,100%{transform:translateY(0) translateX(0);opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{transform:translateY(-100vh) translateX(50px);opacity:0;}}.hero-floating{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;}.floating-badge{position:absolute;display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1.25rem;background:rgba(255,255,255,0.95);border-radius:50px;box-shadow:0 10px 40px rgba(0,0,0,0.15);animation:float 3s ease-in-out infinite;}.floating-badge .badge-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-50);border-radius:50%;color:var(--primary);}.floating-badge .badge-text{font-weight:600;color:var(--gray-800);font-size:0.875rem;}.badge-1{top:15%;right:8%;left:auto;animation-delay:0s;}.badge-2{top:45%;right:5%;animation-delay:0.5s;}.badge-3{bottom:25%;right:12%;left:auto;animation-delay:1s;}@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-15px);}}.hero-container{position:relative;z-index:5;padding-top:60px;padding-bottom:100px;}.hero-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:3rem;align-items:center;}.hero-content-modern{max-width:550px;}.hero-images{position:relative;}.hero-image-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;max-width:600px;margin-left:auto;}.hero-img{border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.3);}.hero-img img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 0.5s ease;}.hero-img:hover img{transform:scale(1.05);}.hero-img-main{grid-column:1;grid-row:1 / 3;min-height:350px;}.hero-img-small{min-height:165px;}.hero-img-1{animation:float 4s ease-in-out infinite;}.hero-img-2{animation:float 4s ease-in-out infinite;animation-delay:1s;}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:2rem;}.hero-images{order:1;max-width:400px;margin:0 auto;}.hero-content-modern{order:0;max-width:100%;}.hero-image-grid{max-width:100%;margin:0 auto;}.hero-stats-modern{margin:1.5rem auto 0 auto;justify-content:center;}.hero-floating,.floating-badge{display:none !important;}}@media (max-width:576px){.hero-images{max-width:100%;order:1;}.hero-content-modern{order:0;}.hero-image-grid{grid-template-columns:1fr;gap:0.75rem;}.hero-img-main{grid-column:1;grid-row:1;}.hero-img-small{display:none;}.hero-stats-modern{flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;justify-content:center;margin:1.5rem auto 0 auto;}.stat-divider{display:none;}.stat-card .stat-number{font-size:2rem;}}.hero-label{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:50px;color:var(--white);font-size:0.875rem;font-weight:500;margin-bottom:1.5rem;}.label-dot{width:8px;height:8px;background:var(--secondary);border-radius:50%;animation:pulse 2s infinite;}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:1.5rem;}.hero-title .title-line{display:block;}.hero-title .title-gradient{background:linear-gradient(135deg,var(--secondary) 0%,#FFE082 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero-desc{font-size:1.125rem;color:rgba(255,255,255,0.9);line-height:1.8;margin-bottom:2rem;max-width:600px;}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem;}.btn-modern{display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 2rem;font-weight:600;font-size:1rem;border-radius:50px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);text-decoration:none;border:2px solid transparent;}.btn-primary-modern{background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-dark) 100%);color:var(--gray-900);box-shadow:0 4px 15px rgba(255,193,7,0.4);}.btn-primary-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,193,7,0.5);}.btn-primary-modern svg{transition:transform 0.3s ease;}.btn-primary-modern:hover svg{transform:translateX(4px);}.btn-outline-modern{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3);color:var(--white);backdrop-filter:blur(10px);}.btn-outline-modern:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.5);}.btn-white-modern{background:var(--white);color:var(--primary);box-shadow:0 4px 15px rgba(0,0,0,0.1);}.btn-white-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15);}.btn-outline-light{background:transparent;border-color:rgba(255,255,255,0.5);color:var(--white);}.btn-outline-light:hover{background:rgba(255,255,255,0.1);}.hero-stats-modern{display:flex;align-items:center;gap:2rem;padding:1.5rem 2rem;background:rgba(255,255,255,0.1);backdrop-filter:blur(15px);border-radius:20px;border:1px solid rgba(255,255,255,0.2);max-width:fit-content;margin-top:1.5rem;margin-left:auto;}.stat-card{text-align:center;}.stat-card .stat-icon{color:var(--secondary);margin-bottom:0.5rem;}.stat-card .stat-number{font-size:2.5rem;font-weight:700;color:var(--white);line-height:1;display:inline;}.stat-card .stat-suffix{font-size:1.5rem;font-weight:700;color:var(--white);display:inline;}.stat-card .stat-label{font-size:0.875rem;color:rgba(255,255,255,0.8);margin-top:0.25rem;}.stat-divider{width:1px;height:60px;background:rgba(255,255,255,0.2);}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:0.5rem;cursor:pointer;color:var(--white);}.scroll-indicator .mouse{width:26px;height:40px;border:2px solid rgba(255,255,255,0.5);border-radius:15px;position:relative;}.scroll-indicator .wheel{width:4px;height:8px;background:var(--white);border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scrollWheel 2s infinite;}@keyframes scrollWheel{0%{transform:translateX(-50%) translateY(0);opacity:1;}100%{transform:translateX(-50%) translateY(15px);opacity:0;}}.scroll-indicator span{font-size:0.75rem;opacity:0.7;}.section-badge{display:inline-block;padding:0.5rem 1.25rem;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);color:var(--primary);font-weight:600;font-size:0.875rem;border-radius:50px;margin-bottom:1rem;}.section-badge-light{background:rgba(255,255,255,0.2);color:var(--white);}.section-title-lg{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem;}.section-subtitle{font-size:1.125rem;color:var(--gray-600);max-width:600px;margin:0 auto;}.about-decor{position:absolute;border-radius:50%;z-index:-1;}.about-decor-1{width:200px;height:200px;background:linear-gradient(135deg,var(--primary-50) 0%,transparent 100%);top:-50px;left:-50px;}.about-decor-2{width:150px;height:150px;background:linear-gradient(135deg,var(--secondary-light) 0%,transparent 100%);bottom:-30px;right:-30px;}.about-features-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0;}.about-features-modern li{display:flex;align-items:center;gap:0.75rem;}.feature-check{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary-50);color:var(--primary);border-radius:50%;flex-shrink:0;}.programs-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}.program-card-modern{position:relative;background:var(--white);border-radius:24px;overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);}.program-card-modern::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);transform:scaleX(0);transition:transform 0.4s ease;}.program-card-modern:hover::before{transform:scaleX(1);}.program-card-modern:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(43,58,103,0.15);}.program-card-inner{padding:2.5rem 2rem;position:relative;}.program-card-modern .program-badge{position:absolute;top:-0.5rem;left:50%;transform:translateX(-50%);padding:0.5rem 1.25rem;background:var(--secondary);color:var(--gray-900);font-size:0.75rem;font-weight:600;border-radius:20px;z-index:10;box-shadow:0 4px 15px rgba(255,193,7,0.3);}.program-card-modern .program-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);color:var(--primary);border-radius:20px;margin-bottom:1.5rem;transition:all 0.3s ease;}.program-card-modern:hover .program-icon{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--white);transform:scale(1.1);}.program-card-modern .program-number{position:absolute;top:0.5rem;right:1.5rem;left:auto;font-size:5rem;font-weight:800;color:rgba(0,0,0,0.04);line-height:1;z-index:0;}.program-card-modern h3{font-size:1.35rem;margin-bottom:0.75rem;position:relative;z-index:1;}.program-card-modern p{color:var(--gray-600);font-size:0.95rem;line-height:1.7;margin-bottom:1.5rem;}.program-features{margin-bottom:1.5rem;}.program-features li{display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;color:var(--gray-600);padding:0.5rem 0;border-bottom:1px dashed var(--gray-200);}.program-features li::before{content:'';width:6px;height:6px;background:var(--primary);border-radius:50%;}.program-link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--primary);font-weight:600;font-size:0.95rem;transition:all 0.3s ease;}.program-link:hover{gap:0.75rem;color:var(--primary-dark);}.program-card-modern.featured{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);}.program-card-modern.featured .program-number{color:rgba(255,255,255,0.06);top:2rem;}.program-card-modern.featured .program-icon{background:rgba(255,255,255,0.2);color:var(--white);}.program-card-modern.featured h3,.program-card-modern.featured p{color:var(--white);}.program-card-modern.featured p{opacity:0.9;}.program-card-modern.featured .program-features li{color:rgba(255,255,255,0.9);border-bottom-color:rgba(255,255,255,0.2);}.program-card-modern.featured .program-features li::before{background:var(--secondary);}.program-card-modern.featured .program-link{color:var(--secondary);}.program-card-modern.featured::before{background:var(--secondary);}.gallery-swiper-wrapper{position:relative;padding:2rem 0;overflow-x:clip;}.gallery-swiper{overflow:visible;}.gallery-slide-item{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3;}.gallery-slide-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.gallery-slide-item:hover img{transform:scale(1.1);}.gallery-slide-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 100%);color:var(--white);transform:translateY(100%);transition:transform 0.4s ease;}.gallery-slide-item:hover .gallery-slide-overlay{transform:translateY(0);}.gallery-slide-title{display:block;font-size:1.125rem;font-weight:600;margin-bottom:0.25rem;}.gallery-slide-desc{font-size:0.875rem;opacity:0.8;}.swiper-nav{display:flex;justify-content:center;gap:1rem;margin-top:2rem;}.swiper-btn{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--white);border:2px solid var(--gray-200);border-radius:50%;color:var(--gray-700);transition:all 0.3s ease;cursor:pointer;}.swiper-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--white);}.swiper-pagination{position:relative;margin-top:1.5rem;}.swiper-pagination-bullet{width:10px;height:10px;background:var(--gray-300);opacity:1;transition:all 0.3s ease;}.swiper-pagination-bullet-active{width:30px;border-radius:5px;background:var(--primary);}.donation-section-modern{position:relative;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);overflow:hidden;}.donation-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}.donation-grid-modern{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1;}.donation-content-modern{max-width:550px;}.donation-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem;color:var(--white);}.text-gradient{background:linear-gradient(135deg,var(--secondary) 0%,#FFE082 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.text-gradient-light{background:linear-gradient(135deg,#fff 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.donation-desc{font-size:1.05rem;opacity:0.9;line-height:1.8;margin-bottom:1.5rem;}.hadith-quote{position:relative;padding:1.5rem;background:rgba(255,255,255,0.1);border-radius:16px;margin-bottom:2rem;border-left:4px solid var(--secondary);}.hadith-quote .quote-icon{position:absolute;top:-10px;left:10px;color:var(--secondary);}.hadith-quote p{font-style:italic;font-size:1rem;margin-bottom:0.5rem;color:var(--white);}.hadith-quote cite{font-size:0.875rem;opacity:0.8;}.donation-methods-modern{display:flex;gap:1rem;margin-bottom:1rem;}.donation-method-card{flex:1;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,0.2);}.bank-logo{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#0066AE;color:var(--white);font-weight:700;font-size:0.75rem;border-radius:10px;}.bank-logo.bank-bni{background:#F15A22;}.bank-info .bank-name{font-size:0.875rem;font-weight:600;color:var(--white);}.bank-info .account-number{font-size:1.1rem;font-weight:700;color:var(--secondary);font-family:monospace;}.copy-btn-modern{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.2);border:none;border-radius:8px;color:var(--white);cursor:pointer;transition:all 0.3s ease;margin-left:auto;}.copy-btn-modern:hover{background:var(--secondary);color:var(--gray-900);}.account-name-note{font-size:0.875rem;opacity:0.8;margin-bottom:2rem;}.donation-images-modern{position:relative;}.donation-image-main{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,0.3);}.donation-image-main img{width:100%;height:auto;}.donation-image-float{position:absolute;width:150px;height:150px;border-radius:16px;overflow:hidden;border:4px solid var(--white);box-shadow:0 15px 30px rgba(0,0,0,0.2);animation:float 3s ease-in-out infinite;}.donation-image-float img{width:100%;height:100%;object-fit:cover;}.donation-image-float-1{top:-30px;left:-30px;animation-delay:0s;}.donation-image-float-2{bottom:-30px;right:-30px;animation-delay:1s;}.features-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}.feature-card-modern{padding:2rem;background:var(--white);border-radius:20px;border:1px solid var(--gray-200);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);text-align:center;}.feature-card-modern:hover{border-color:var(--primary);box-shadow:0 20px 40px rgba(43,58,103,0.1);transform:translateY(-5px);}.feature-icon-wrapper{position:relative;width:60px;height:60px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;color:var(--primary);}.feature-icon-bg{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border-radius:16px;transform:rotate(45deg);transition:all 0.3s ease;}.feature-card-modern:hover .feature-icon-bg{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);transform:rotate(45deg) scale(1.1);}.feature-card-modern:hover .feature-icon-wrapper svg{color:var(--white);}.feature-icon-wrapper svg{position:relative;z-index:1;transition:color 0.3s ease;}.feature-card-modern h4{font-size:1.1rem;margin-bottom:0.75rem;}.feature-card-modern p{color:var(--gray-600);font-size:0.9rem;line-height:1.6;margin:0;}.success-story-card{display:grid;grid-template-columns:400px 1fr;background:var(--white);border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.1);}.story-image{position:relative;min-height:400px;}.story-image img{width:100%;height:100%;object-fit:cover;}.story-badge{position:absolute;top:1.5rem;left:1.5rem;padding:0.5rem 1rem;background:var(--secondary);color:var(--gray-900);font-weight:600;font-size:0.875rem;border-radius:50px;}.story-content{padding:3rem;}.story-quote{position:relative;}.story-quote .quote-mark{position:absolute;top:-20px;left:-10px;color:var(--primary);}.story-quote h3{font-size:1.5rem;margin-bottom:1rem;line-height:1.4;}.story-excerpt{font-size:1.05rem;color:var(--gray-700);line-height:1.8;margin-bottom:1.5rem;}.story-achievements{display:flex;gap:2rem;margin-bottom:1.5rem;padding:1.5rem;background:var(--primary-50);border-radius:16px;}.achievement{text-align:center;}.achievement-number{display:block;font-size:2rem;font-weight:700;color:var(--primary);}.achievement-label{font-size:0.875rem;color:var(--gray-600);}.story-note{font-style:italic;color:var(--gray-600);padding-left:1rem;border-left:3px solid var(--primary);margin:0;}.pkbm-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}.pkbm-features{margin:2rem 0;}.pkbm-feature{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--gray-200);}.pkbm-feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-50);color:var(--primary);border-radius:10px;flex-shrink:0;}.pkbm-feature h4{font-size:1rem;margin-bottom:0.25rem;}.pkbm-feature p{font-size:0.9rem;color:var(--gray-600);margin:0;}.pkbm-stats{display:flex;gap:2rem;padding:1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:16px;color:var(--white);}.pkbm-stat{text-align:center;flex:1;}.pkbm-stat .stat-value{display:block;font-size:2rem;font-weight:700;}.pkbm-stat .stat-desc{font-size:0.875rem;opacity:0.9;}.pkbm-images{position:relative;}.pkbm-image-main{border-radius:24px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,0.15);}.pkbm-image-main img{width:100%;height:auto;}.pkbm-image-secondary{position:absolute;bottom:-30px;left:-30px;width:200px;height:200px;border-radius:20px;overflow:hidden;border:6px solid var(--white);box-shadow:0 15px 30px rgba(0,0,0,0.2);}.pkbm-image-secondary img{width:100%;height:100%;object-fit:cover;}.cta-section-modern{position:relative;padding:5rem 0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);overflow:hidden;}.cta-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");}.cta-content{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto;}.cta-content h2{font-size:clamp(1.75rem,4vw,2.5rem);color:var(--white);margin-bottom:1rem;}.cta-content p{font-size:1.1rem;color:rgba(255,255,255,0.9);margin-bottom:2rem;}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}@media (max-width:1024px){.floating-badge{display:none;}.programs-grid-modern{grid-template-columns:1fr;max-width:500px;margin:0 auto;}.donation-grid-modern{grid-template-columns:1fr;}.donation-images-modern{order:-1;max-width:500px;margin:0 auto;}.features-grid-modern{grid-template-columns:repeat(2,1fr);}.success-story-card{grid-template-columns:1fr;}.story-image{min-height:300px;}.pkbm-grid{grid-template-columns:1fr;}.pkbm-images{order:-1;max-width:500px;margin:0 auto;}}@media (max-width:768px){.hero-stats-modern{flex-direction:column;gap:1.5rem;}.stat-divider{width:60px;height:1px;}.hero-cta{flex-direction:column;}.btn-modern{justify-content:center;}.about-features-modern{grid-template-columns:1fr;}.donation-methods-modern{flex-direction:column;}.features-grid-modern{grid-template-columns:1fr;}.story-achievements{flex-direction:column;gap:1rem;}.pkbm-stats{flex-direction:column;gap:1rem;}.pkbm-image-secondary{width:120px;height:120px;bottom:-20px;left:-10px;}}@media (max-width:576px){.hero-title{font-size:2rem;}.scroll-indicator{display:none;}.donation-image-float{width:100px;height:100px;}}.team-section{overflow-x:clip;}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;max-width:1000px;margin:0 auto;}.team-card{background:var(--white);border-radius:24px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);}.team-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(43,58,103,0.15);}.team-image{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);}.team-image img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 0.5s ease;}.team-card:hover .team-image img{transform:scale(1.05);}.team-social{position:absolute;bottom:1rem;right:1rem;display:flex;gap:0.5rem;opacity:0;transform:translateY(10px);transition:all 0.3s ease;}.team-card:hover .team-social{opacity:1;transform:translateY(0);}.team-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--white);border-radius:50%;color:var(--primary);box-shadow:0 4px 15px rgba(0,0,0,0.15);transition:all 0.3s ease;}.team-social a:hover{background:var(--primary);color:var(--white);transform:translateY(-3px);}.team-info{padding:2rem;text-align:center;}.team-info h3{font-size:1.5rem;margin-bottom:0.25rem;color:var(--gray-900);}.team-role{display:inline-block;padding:0.35rem 1rem;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);color:var(--primary);font-size:0.85rem;font-weight:600;border-radius:20px;margin-bottom:1rem;}.team-info p{color:var(--gray-600);font-size:0.95rem;line-height:1.7;margin-bottom:1.5rem;}.team-quote{position:relative;padding:1rem 1.25rem;background:var(--gray-50);border-radius:12px;border-left:3px solid var(--primary);}.team-quote svg{position:absolute;top:0.5rem;left:0.75rem;color:var(--primary);}.team-quote span{font-size:0.875rem;font-style:italic;color:var(--gray-700);display:block;padding-left:1.5rem;}@media (max-width:768px){.team-grid{grid-template-columns:1fr;gap:2rem;max-width:400px;}.team-info{padding:1.5rem;}.team-info h3{font-size:1.25rem;}}