@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700&family=Nunito:wght@400;600;700;800&display=swap";:root{--bg-cream: #FAF9F4;--bg-white: #FFFFFF;--primary-fuchsia: #D9534F;--primary-fuchsia-hover: #C9302C;--accent-blue: #92D6EB;--accent-yellow: #FFD200;--accent-mint: #8FD3C4;--accent-purple: #A784DF;--primary-red: var(--primary-fuchsia);--primary-red-hover: var(--primary-fuchsia-hover);--primary-red-light: #F2B6B6;--accent-red: #F9E0E0;--accent-red-text: #D9534F;--accent-yellow-light: #FFF8D6;--accent-yellow-dark: #CCA800;--accent-green: var(--accent-mint);--accent-green-light: #E6F5F2;--accent-green-dark: #2B7A6A;--accent-blue-light: #E6F4F9;--accent-blue-dark: #3A8BA6;--text-dark: #2D3748;--text-gray: #718096;--text-light: #A0AEC0;--font-heading: "Fraunces", serif;--font-body: "Nunito", sans-serif;--border-radius-xs: 4px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--border-radius-pill: 999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-float: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: all .15s ease-out;--transition-normal: all .25s ease-out;--transition-bounce: all .3s cubic-bezier(.4, 0, .2, 1);--nav-height: 90px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--text-dark);background-color:var(--bg-cream);line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.02em;color:var(--text-dark);font-weight:700;line-height:1.3}.uppercase-heading{text-transform:uppercase;letter-spacing:.1em}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}ul{list-style:none}img{max-width:100%;border-radius:var(--border-radius-sm);display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.section-white{background-color:var(--bg-white)}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mb-6{margin-bottom:4rem}.mt-4{margin-top:2rem}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.doodle{display:none}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}to{transform:translateY(0) rotate(-5deg)}}.wavy-top,.wavy-bottom{position:absolute;left:0;width:100%;height:80px;z-index:2;pointer-events:none;background-repeat:repeat-x;background-size:100% 100%}.wavy-top{top:-78px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 C300,100 900,-50 1200,60 L1200,120 L0,120 Z' fill='%23FFFFFF'/%3E%3C/svg%3E")}.wavy-bottom{bottom:-78px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,60 C300,-50 900,100 1200,0 L1200,0 L0,0 Z' fill='%23FFFFFF'/%3E%3C/svg%3E")}.section-header{margin-bottom:60px;text-align:center;position:relative;z-index:1}.section-label{display:none}.section-label i{font-size:1.2em}.section-title{font-size:3.2rem;margin-bottom:24px;color:var(--text-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 36px;border-radius:var(--border-radius-pill);font-family:var(--font-body);font-weight:800;font-size:1.1rem;cursor:pointer;transition:var(--transition-bounce);border:4px solid transparent;text-align:center;letter-spacing:.02em}.btn-primary{background-color:var(--primary-fuchsia);color:#fff;border-color:#fff6;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-fuchsia-hover);transform:translateY(-6px) scale(1.03);box-shadow:var(--shadow-md);border-color:var(--bg-white)}.btn-outline{background-color:transparent;color:var(--text-dark);border:2px solid #E2E8F0}.btn-outline:hover{border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-5px)}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);padding:0 32px;display:flex;justify-content:center;z-index:1000;transition:all .4s cubic-bezier(.16,1,.3,1);background-color:transparent}.navbar.scrolled{background-color:var(--bg-cream);box-shadow:var(--shadow-sm);height:85px;border-bottom:2px solid rgba(255,255,255,.6)}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1250px;height:100%}.nav-wrapper{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}.mobile-logo{display:none}.desktop-logo{display:flex;justify-content:center;text-align:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.desktop-logo:hover{transform:scale(1.08) rotate(-2deg)}.logo-stacked{font-family:var(--font-heading);font-size:1.3rem;font-weight:800;line-height:1.1;color:var(--primary-fuchsia);text-align:center;letter-spacing:.02em;transition:all .3s ease}.nav-menu{display:flex;align-items:center;gap:12px}.nav-left{justify-content:flex-start}.nav-right{justify-content:flex-end}.nav-link{font-family:var(--font-body);font-weight:700;color:var(--text-dark);font-size:1rem;position:relative;display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--border-radius-pill);transition:all .4s cubic-bezier(.34,1.56,.64,1);border:2px solid transparent}.nav-link:not(.btn-donasi):hover,.nav-link.active:not(.btn-donasi){color:var(--primary-fuchsia);background-color:var(--bg-white);border-color:#d9534f1a;transform:translateY(-3px);box-shadow:var(--shadow-sm)}.nav-link.btn-donasi{background:var(--primary-fuchsia);color:#fff;padding:12px 28px;border-radius:var(--border-radius-pill);box-shadow:var(--shadow-sm);margin-left:12px;border:3px solid rgba(255,255,255,.8);font-size:1.05rem;letter-spacing:.03em}.nav-link.btn-donasi:hover{background:var(--primary-fuchsia-hover);color:#fff;transform:translateY(-4px) scale(1.03);box-shadow:var(--shadow-md);border-color:var(--bg-white)}.has-dropdown{position:relative}.dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(20px) scale(.95);background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:200px;border-radius:var(--border-radius-md);box-shadow:0 10px 40px #00000014;border:1px solid rgba(255,255,255,.5);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);padding:12px;display:flex;flex-direction:column;z-index:100;gap:4px}.has-dropdown:hover .dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(10px) scale(1)}.has-dropdown:hover:after{content:"";position:absolute;bottom:-20px;left:0;width:100%;height:20px}.dropdown li a{display:block;padding:12px 20px;font-family:var(--font-body);font-weight:700;color:var(--text-dark);border-radius:16px;transition:all .2s ease}.dropdown li a:hover{background:var(--bg-cream);color:var(--primary-fuchsia);padding-left:24px}.hero{padding-top:calc(var(--nav-height) + 120px);padding-bottom:100px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#FFFFFF 0%,var(--bg-cream) 100%)}.hero-title{font-size:4.5rem;margin-bottom:40px;line-height:1.1;max-width:900px;margin-left:auto;margin-right:auto}.hero-desc{font-size:1.25rem;color:var(--text-gray);max-width:650px;margin:0 auto 64px}.hero-image-wrapper{margin-top:60px;position:relative;max-width:1000px;margin-left:auto;margin-right:auto;border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-md);padding-top:20px;background-color:var(--accent-green-light)}.hero-img{width:100%;height:500px;object-fit:cover;border-radius:var(--border-radius-lg);display:block}.hero-stats{display:flex;justify-content:center;gap:60px;margin-top:50px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:15px}.stat-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:15px}.stat-info h4{font-size:3rem;margin-bottom:2px;color:var(--text-dark)}.stat-info p{color:var(--text-gray);font-size:1.2rem;font-weight:600}.icon-green{background:var(--accent-green-light);color:var(--accent-green-dark)}.icon-yellow{background:var(--accent-yellow-light);color:var(--accent-yellow-dark)}.icon-blue{background:var(--accent-blue-light);color:var(--accent-blue-dark)}.icon-red{background:var(--accent-red);color:var(--accent-red-text)}.programs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.program-card{background:#fff;border-radius:var(--border-radius-xl);padding:32px;box-shadow:var(--shadow-sm);transition:var(--transition-bounce);border-bottom:10px solid transparent;display:flex;flex-direction:column}.program-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.program-card:nth-child(1){border-color:var(--primary-fuchsia);background-color:var(--accent-red)}.program-card:nth-child(2){border-color:var(--accent-yellow);background-color:var(--accent-yellow-light)}.program-card:nth-child(3){border-color:var(--accent-purple);background-color:var(--accent-blue-light)}.program-card:nth-child(4){border-color:var(--accent-mint);background-color:var(--accent-green-light)}.program-img-placeholder{height:180px;border-radius:var(--border-radius-lg);background-color:#ffffffb3;margin-bottom:24px;display:flex;align-items:center;justify-content:center;font-size:3.5rem}.program-tag{display:none}.program-card h3{font-size:1.6rem;margin-bottom:16px}.program-card p{color:var(--text-dark);font-size:1.05rem;margin-bottom:24px;flex-grow:1}.program-link{font-family:var(--font-body);font-weight:800;display:inline-flex;align-items:center;gap:8px;font-size:1.05rem;text-transform:uppercase;letter-spacing:.02em}.program-card:nth-child(1) .program-tag{color:var(--primary-fuchsia)}.program-card:nth-child(1) .program-link{color:var(--primary-fuchsia)}.program-card:nth-child(2) .program-tag{color:var(--accent-yellow-dark)}.program-card:nth-child(2) .program-link{color:var(--accent-yellow-dark)}.program-card:nth-child(3) .program-tag{color:var(--accent-purple)}.program-card:nth-child(3) .program-link{color:var(--accent-purple)}.program-card:nth-child(4) .program-tag{color:var(--accent-mint)}.program-card:nth-child(4) .program-link{color:var(--accent-mint)}.nurturing-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.nurturing-img{position:relative;border-radius:var(--border-radius-lg);padding:15px;background-color:var(--accent-yellow-light);transform:rotate(-2deg)}.nurturing-img img{border-radius:var(--border-radius-md);transform:rotate(2deg);box-shadow:var(--shadow-md)}.nurturing-content .history-item{display:flex;gap:20px;margin-bottom:20px;padding:20px;border-radius:var(--border-radius-md);background-color:#fff;box-shadow:var(--shadow-sm);transition:var(--transition-bounce)}.nurturing-content .history-item:hover{transform:translate(10px)}.history-item.bg-red{background-color:var(--accent-red)}.history-item.bg-yellow{background-color:var(--accent-yellow-light)}.history-item.bg-blue{background-color:var(--accent-blue-light)}.history-icon{width:60px;height:60px;background-color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.history-text h4{font-size:1.25rem;margin-bottom:5px}.history-text p{font-size:.95rem;color:var(--text-dark)}.activities-container{max-width:800px;margin:0 auto}.activity-item{display:flex;align-items:center;gap:24px;padding:20px 0;border-bottom:2px dashed #E2E8F0}.activity-item:last-child{border-bottom:none}.activity-num{font-family:Caveat,cursive;font-size:2.5rem;font-weight:700;color:var(--text-gray);width:45px;line-height:1}.activity-icon{width:70px;height:70px;border-radius:var(--border-radius-sm);background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.2rem;box-shadow:var(--shadow-sm)}.activity-item:nth-child(1) .activity-icon{color:var(--accent-red-text);background-color:var(--accent-red)}.activity-item:nth-child(2) .activity-icon{color:var(--accent-green-dark);background-color:var(--accent-green-light)}.activity-item:nth-child(3) .activity-icon{color:var(--accent-blue-dark);background-color:var(--accent-blue-light)}.activity-item:nth-child(4) .activity-icon{color:var(--accent-yellow-dark);background-color:var(--accent-yellow-light)}.activity-text h4{font-size:1.3rem;margin-bottom:6px}.activity-text p{color:var(--text-gray);font-size:1rem}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:900px;margin:0 auto 50px}.team-card{background:#fff;border-radius:var(--border-radius-xl);padding:32px 24px;text-align:center;box-shadow:var(--shadow-sm);border:4px solid var(--accent-mint);transition:var(--transition-bounce)}.team-card:nth-child(2){border-color:var(--accent-blue-light);transform:translateY(15px)}.team-card:nth-child(3){border-color:var(--accent-yellow-light)}.team-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.team-avatar{width:140px;height:140px;border-radius:50%;margin:0 auto 24px;background-color:var(--accent-blue-light);display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:var(--accent-blue);overflow:hidden;border:6px solid white;box-shadow:var(--shadow-sm)}.team-avatar img{width:100%;height:100%;object-fit:cover}.team-card h4{font-size:1.4rem;margin-bottom:8px}.team-card p{color:var(--primary-fuchsia);font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.contacts-pill{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.contact-item{background:#fff;padding:12px 24px;border-radius:var(--border-radius-md);font-weight:600;color:var(--text-dark);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:8px;font-family:Inter,sans-serif}.contact-item:hover{background:#25d366;color:#fff;transform:translateY(-3px)}.contact-item i{color:#25d366;font-size:1.3rem}.contact-item:hover i{color:#fff}.quote-section{position:relative;padding:140px 0;background-color:var(--accent-blue);background-image:radial-gradient(var(--bg-white) 15%,transparent 16%);background-size:40px 40px}.quote-card{position:relative;background-color:#fff;max-width:850px;margin:0 auto;padding:70px 50px;border-radius:var(--border-radius-xl);text-align:center;box-shadow:var(--shadow-md);border:6px dashed var(--accent-purple);background-clip:padding-box}.quote-card:before,.quote-card:after{content:"";position:absolute;top:50%;width:60px;height:60px;background-color:var(--accent-blue);background-image:radial-gradient(var(--bg-white) 15%,transparent 16%);background-size:40px 40px;border-radius:50%;transform:translateY(-50%);z-index:2;border:6px dashed var(--accent-purple)}.quote-card:before{left:-33px;border-right-color:transparent;border-top-color:transparent;transform:translateY(-50%) rotate(45deg)}.quote-card:after{right:-33px;border-left-color:transparent;border-bottom-color:transparent;transform:translateY(-50%) rotate(45deg)}.quote-icon{font-size:3.5rem;color:var(--accent-yellow);margin-bottom:24px}.quote-text{font-family:var(--font-heading);font-size:2.8rem;font-weight:700;color:var(--primary-fuchsia);margin-bottom:30px;line-height:1.3}.quote-author{font-family:var(--font-body);color:var(--text-dark);font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.gallery-single{border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-md);flex:1;min-height:400px}.gallery-single img{width:100%;height:100%;object-fit:cover;display:block;min-height:400px}.donation-card{background-color:#fff;padding:40px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);border:4px solid var(--accent-red)}.bank-box{background-color:var(--bg-cream);padding:24px;border-radius:var(--border-radius-sm);text-align:center;margin:20px 0}.bank-name{color:#00529c;font-weight:800;font-size:1.2rem}.bank-acc{font-size:1.8rem;font-weight:700;letter-spacing:2px;color:var(--text-dark);font-family:Inter,sans-serif}.items-list li{margin-bottom:12px;display:flex;align-items:center;gap:10px;font-weight:600}.items-list li i{color:var(--accent-green-dark)}.wishlist-box{background-color:var(--accent-yellow-light);padding:15px;border-radius:var(--border-radius-sm);border:2px solid var(--accent-yellow);font-weight:600;text-align:center}.footer{background-color:var(--text-dark);color:#fff;padding:60px 0 30px;text-align:center}.footer-logo{font-family:var(--font-heading);font-size:2rem;font-weight:800;line-height:1.1;margin-bottom:20px;color:#fff;text-align:center;letter-spacing:.02em}.footer-logo span{color:var(--primary-red)}.footer-quote{font-size:1.2rem;color:#cbd5e1;max-width:600px;margin:0 auto 30px;font-style:italic}.footer-copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:30px;color:#94a3b8;font-size:.95rem}@media(max-width:1024px){.hero-title{font-size:3.5rem}.programs-grid{grid-template-columns:repeat(2,1fr)}.nurturing-container,.action-grid{grid-template-columns:1fr}.hero-stats{gap:30px}}@media(max-width:768px){.section{padding:90px 0}.stat-icon{width:64px;height:64px;font-size:2rem;margin-bottom:12px}.stat-info h4{font-size:2.4rem}.stat-info p{font-size:1rem}.hero,.elearning-hero{padding-top:calc(var(--nav-height) + 80px);padding-bottom:70px}.hero-title,.elearning-hero-title,.section-title{font-size:1.85rem;margin-bottom:24px}.hero-desc,.elearning-hero-desc{font-size:.95rem;margin-bottom:40px;padding:0 10px}.hero .btn,.elearning-hero .btn{font-size:.9rem;padding:10px 20px}.team-grid{grid-template-columns:1fr}.programs-grid{grid-template-columns:repeat(2,1fr);gap:16px}.program-card{padding:20px 12px;align-items:center;text-align:center;border-radius:32px}.program-img-placeholder{width:64px;height:64px;border-radius:50%;font-size:1.8rem;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.program-tag{font-size:.75rem;padding:4px 12px;margin-bottom:12px}.program-card h3{font-size:1.1rem;margin-bottom:0}.program-card p{display:none}.hamburger{display:flex;flex-direction:column;gap:6px;cursor:pointer;z-index:1001}.hamburger .bar{width:30px;height:3px;background-color:var(--text-dark);border-radius:3px;transition:var(--transition-normal)}.nav-wrapper{position:fixed;top:0;left:-100%;width:80%;height:100vh;background-color:var(--bg-white);display:flex;flex-direction:column;justify-content:flex-start;padding-top:100px;box-shadow:var(--shadow-md);transition:var(--transition-bounce);gap:30px;z-index:999;overflow-y:auto}.nav-wrapper.active{left:0}.mobile-logo{display:block}.desktop-logo{display:none}.nav-menu{flex-direction:column;gap:12px;align-items:flex-start;padding:0 40px;width:100%}.nav-link{padding:10px 0;border:none;border-radius:0;width:100%;justify-content:flex-start}.nav-link:not(.btn-donasi):hover,.nav-link.active:not(.btn-donasi){background-color:transparent;box-shadow:none;transform:none;color:var(--primary-fuchsia);border-bottom:2px solid var(--primary-fuchsia);display:inline-block;width:max-content}.has-dropdown .dropdown{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;background:transparent;min-width:100%;padding-top:10px;padding-left:16px;display:flex;flex-direction:column;gap:12px}.has-dropdown:hover .dropdown{display:flex;transform:none}.hamburger{z-index:1001}.quote-card{padding:30px}.quote-text{font-size:1.2rem}}.elearning-page{background-color:var(--bg-cream)}.elearning-hero{padding-top:calc(var(--nav-height) + 120px);padding-bottom:100px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#FFFFFF 0%,var(--bg-cream) 100%)}.elearning-hero-deco{display:none}.elearning-hero-title{font-size:3.8rem;line-height:1.15;margin-bottom:20px;margin-top:16px}.hero-highlight{color:var(--primary-fuchsia)}.elearning-hero-desc{font-size:1.15rem;color:var(--text-gray);max-width:560px;margin:0 auto}.elearning-content{padding:60px 0 100px}.elearning-tabs{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:48px}.elearning-tab{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:var(--border-radius-pill);font-family:var(--font-body);font-weight:800;font-size:1rem;cursor:pointer;border:2.5px solid #e2e8f0;background:#fff;color:var(--text-dark);transition:var(--transition-bounce);letter-spacing:.02em}.elearning-tab:hover:not(.active){border-color:var(--primary-fuchsia);color:var(--primary-fuchsia);transform:translateY(-4px);box-shadow:var(--shadow-sm)}.elearning-tab.active{transform:translateY(-4px) scale(1.04)}.tab-icon{font-size:1.3em}.elearning-category-header{display:flex;align-items:center;gap:20px;padding:24px 30px;border-radius:var(--border-radius-lg);border-left:6px solid;background:#fff;box-shadow:var(--shadow-sm);margin-bottom:36px}.category-icon-wrap{width:64px;height:64px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.category-title{font-size:2rem;margin-bottom:4px}.category-subtitle{color:var(--text-gray);font-size:.95rem;font-weight:600}.material-pill-grid{display:flex;flex-direction:column;gap:14px}.material-pill{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:var(--border-radius-md);background:#fff;border:2px solid #f0f0f0;box-shadow:var(--shadow-sm);transition:var(--transition-bounce);animation:pillFadeIn .4s both ease-out;cursor:default}@keyframes pillFadeIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.material-pill:hover{transform:translate(8px) scale(1.01);border-color:var(--pill-border, var(--primary-fuchsia));box-shadow:0 8px 28px #00000012;background:var(--pill-bg, #fff0f8)}.pill-number{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.95rem;font-weight:700;flex-shrink:0}.pill-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pill-title{font-family:var(--font-body);font-weight:800;font-size:1.05rem;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill-desc{font-size:.88rem;color:var(--text-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.pill-date{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-gray);font-weight:700;white-space:nowrap}.pill-date i{color:var(--pill-color, var(--primary-fuchsia))}.pill-link{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;transition:var(--transition-fast);flex-shrink:0}.pill-link:hover{opacity:.85;transform:scale(1.15)}.elearning-loading,.elearning-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:var(--text-gray)}.loading-spinner{width:44px;height:44px;border:4px solid #f0f0f0;border-top-color:var(--primary-fuchsia);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-icon{font-size:3rem}@media(max-width:768px){.elearning-hero-title{font-size:2.5rem}.elearning-tabs{gap:10px}.elearning-tab{padding:11px 20px;font-size:.9rem}.elearning-category-header{flex-direction:column;text-align:center;padding:20px}.material-pill{flex-wrap:wrap;gap:12px}.pill-title,.pill-desc{white-space:normal}.pill-meta{width:100%;justify-content:space-between}}.el-programs-grid{margin-bottom:0}.el-program-card{position:relative;transition:var(--transition-bounce);-webkit-user-select:none;user-select:none}.el-program-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.el-card-active{transform:translateY(-1px)!important;box-shadow:var(--shadow-sm)}.el-mat-count{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:800;padding:4px 10px;border-radius:var(--border-radius-sm);margin-bottom:14px;letter-spacing:.02em}.el-card-cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.el-card-cta i{transition:transform .25s ease}.el-card-active .el-card-cta i{transform:translateY(-2px)}.el-materials-panel{margin-top:40px;border-radius:var(--border-radius-lg);border:2.5px solid var(--panel-border, var(--primary-fuchsia));background:#fff;box-shadow:var(--shadow-md);overflow:hidden;animation:panelReveal .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes panelReveal{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.el-panel-header{display:flex;align-items:center;gap:18px;padding:24px 28px;border-bottom:2px solid #f4f4f4;background:var(--panel-bg, #fff0f8);position:relative}.el-panel-icon{width:56px;height:56px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}.el-panel-title{font-size:1.8rem;margin-bottom:4px;line-height:1.2}.el-panel-sub{font-size:.88rem;color:var(--text-gray);font-weight:700}.el-panel-close{margin-left:auto;width:36px;height:36px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;color:var(--text-gray);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:var(--transition-fast);flex-shrink:0}.el-panel-close:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444;transform:scale(1.1) rotate(90deg)}.el-materials-panel .material-pill-grid{padding:24px 28px;display:flex;flex-direction:column;gap:12px}@media(max-width:900px){.el-programs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.el-programs-grid{grid-template-columns:repeat(2,1fr);gap:12px}.el-panel-header{padding:18px 20px;gap:14px}.el-panel-title{font-size:1.5rem}.el-panel-sub{font-size:.8rem}.el-panel-icon{width:48px;height:48px;font-size:1.3rem}.el-materials-panel .material-pill-grid{padding:16px 18px}.elearning-tabs{flex-direction:column;width:100%}.elearning-tab{width:100%;justify-content:center}.hero-stats{gap:5px;flex-wrap:nowrap;justify-content:center;padding:0;width:100%;box-sizing:border-box}.stat-item{flex-direction:column;gap:4px;text-align:center;flex:1;min-width:0}.stat-icon{width:56px;height:56px;font-size:1.8rem;margin:0 auto 10px}.stat-info h4{font-size:2.1rem;margin-bottom:2px}.stat-info p{font-size:.95rem;line-height:1.3;word-break:break-word}}.material-detail-page{padding-top:150px;padding-bottom:100px;background-color:var(--bg-cream)}.material-detail-header{margin-bottom:40px;text-align:center}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-gray);font-weight:600;margin-bottom:24px;transition:all .3s ease}.back-link:hover{color:var(--primary-red);transform:translate(-5px)}.material-category-tag{display:inline-block;padding:6px 16px;background-color:var(--primary-red-light);color:var(--primary-red);border-radius:99px;font-weight:700;font-size:.85rem;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.material-title{font-size:3rem;margin-bottom:16px;color:var(--text-dark)}.material-meta{color:var(--text-gray);font-size:1rem}.material-media-section{max-width:900px;margin:0 auto 50px;border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-md);background:#fff}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.material-image-main{width:100%;max-height:600px;object-fit:cover;display:block}.media-placeholder.empty{padding:80px 40px;text-align:center;color:var(--text-gray)}.media-placeholder.empty i{font-size:4rem;margin-bottom:20px;opacity:.3}.external-link-card{display:flex;align-items:center;gap:30px;padding:40px;background:#fff}.link-icon{width:80px;height:80px;background:var(--bg-cream);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--primary-red)}.link-info h4{font-size:1.4rem;margin-bottom:8px}.material-content-section{max-width:800px;margin:0 auto;background:#fff;padding:50px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.content-title{font-size:1.8rem;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--bg-cream);color:var(--text-dark)}.material-summary-box{background:var(--bg-cream);border-left:4px solid var(--primary-red);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;padding:18px 24px;margin-bottom:30px}.material-summary-box p{color:var(--text-dark);font-size:1.1rem;line-height:1.7;margin:0;font-style:italic}.material-description p{font-size:1.15rem;line-height:1.8;color:var(--text-gray);margin-bottom:20px}.material-footer-actions{max-width:800px;margin:40px auto 0;display:flex;justify-content:center;padding-top:30px;border-top:1px solid rgba(0,0,0,.05)}.share-box{display:flex;align-items:center;gap:15px;color:var(--text-gray);font-weight:600}.share-icons{display:flex;gap:10px}.share-icons a{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--text-dark);box-shadow:var(--shadow-sm);transition:all .3s ease}.share-icons a:hover{background:var(--primary-red);color:#fff;transform:translateY(-3px)}@media(max-width:768px){.material-detail-page{padding-top:100px}.material-title{font-size:2rem}.material-content-section{padding:30px 20px}.external-link-card{flex-direction:column;text-align:center;padding:30px 20px}}