.home-page{position:relative;width:100%;min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,#8b451333,#a0522d40,#d2b48c4d,#deb88759,#a0522d52,#8b451347,#a0522d4d 90%,#d2b48c52)}.home-content{position:relative;z-index:100;padding:0;max-width:100%;margin:0 auto}.background-music{position:absolute;top:-9999px;left:-9999px;opacity:0;pointer-events:none}.hero{position:relative;width:100%;height:calc(100vh - 80px);min-height:500px;display:flex;align-items:center;justify-content:center;padding-top:80px;background:linear-gradient(180deg,#0000004d,#0003,#8b45131a 60%,#a0522d26,#d2b48c2e);transition:all .4s cubic-bezier(.4,0,.2,1)}.content-overlay{position:relative;z-index:2;text-align:center;color:#fff;max-width:800px;padding:48px 20px 24px;margin-bottom:160px}.bg-fade{position:relative;width:100%;height:100px;z-index:2;background:linear-gradient(to bottom,#0000,#0000001a,#8b451326 60%,#a0522d33,#d2b48c40);transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(var(--blur-value, 0px));-webkit-backdrop-filter:blur(var(--blur-value, 0px))}.section-fade{position:relative;width:100%;height:20px;background:linear-gradient(to bottom,#d2b48c40,#a0522d4d,#8b451359);transition:all .4s cubic-bezier(.4,0,.2,1)}.analytics-section{position:relative;width:100%;z-index:2;background:linear-gradient(135deg,#d2b48c40,#a0522d4d,#8b451359,#a0522d4d,#d2b48c40);padding:80px 20px;display:flex;justify-content:center;margin-top:-20px;max-width:1400px;margin-left:auto;margin-right:auto;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(var(--blur-value, 0px));-webkit-backdrop-filter:blur(var(--blur-value, 0px))}.mission-section{position:relative;width:100%;z-index:2;background:linear-gradient(135deg,#a0522d61,#d2b48c6b,#deb88761,#a0522d59,#8b451352);padding:0 20px 100px;display:flex;justify-content:center;margin-top:0;max-width:1400px;margin-left:auto;margin-right:auto;transition:all .4s cubic-bezier(.4,0,.2,1)}.mission-container{width:100%;max-width:1000px}.mission-text{color:beige;font-size:1.1rem;line-height:1.8;text-align:center;margin-bottom:40px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.mission-heading{color:#fff;font-size:2rem;font-weight:800;text-align:center;margin-bottom:60px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.journey-container{position:relative;width:100%;max-width:800px;margin:0 auto}.journey-timeline{position:relative;display:flex;flex-direction:column;gap:0}.timeline-item{position:relative;display:flex;align-items:flex-start;gap:30px;margin-bottom:20px;padding:15px 0;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateY(0)}.timeline-item:hover{transform:translateY(-5px)}.timeline-marker{position:relative;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;z-index:3}.marker-number{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#d2691e,peru,#daa520);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #d2691e66,0 0 0 3px #ffffff1a,inset 0 2px 4px #fff3;transition:all .3s ease}.timeline-item:hover .marker-number{transform:scale(1.1);box-shadow:0 12px 35px #d2691e99,0 0 0 4px #ffffff26,inset 0 2px 4px #ffffff4d}.timeline-content{flex:1;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:30px;box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateY(0)}.timeline-content:hover{transform:translateY(-3px);box-shadow:0 30px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26}.timeline-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d2691e,peru,#daa520);border-radius:20px 20px 0 0}.timeline-item:hover .timeline-content{transform:translateY(-5px);box-shadow:0 30px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26}.timeline-title{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:12px;line-height:1.3}.timeline-description{color:#e5e7eb;font-size:1rem;line-height:1.7;margin:0}.timeline-connector{position:relative;width:60px;height:40px;margin:0 auto;display:flex;align-items:center;justify-content:center}.timeline-connector svg{width:100%;height:100%}.timeline-connector path{stroke:url(#connectorGradient);stroke-width:2;fill:none;filter:drop-shadow(0 0 6px rgba(210,105,30,.3))}.timeline-connector svg defs{background:linear-gradient(180deg,#d2691e,peru,#daa520)}@media (min-width: 1200px){.timeline-item{margin-bottom:15px;padding:12px 0}.timeline-content{padding:18px 20px}}@media (min-width: 1400px){.timeline-item{margin-bottom:12px;padding:10px 0}.timeline-content{padding:16px 20px}}@media (max-width: 768px){.mission-section{padding:40px 12px 80px}.mission-heading{font-size:1.6rem;margin-bottom:40px}.timeline-item{flex-direction:column;align-items:center;text-align:center;gap:20px}.timeline-content{padding:25px 20px}.timeline-title{font-size:1.2rem}.timeline-description{font-size:.95rem}.timeline-connector{display:none}}.analytics-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.analytics-container.loading,.analytics-container.error{text-align:center;padding:60px 20px;color:beige;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.15)}.analytics-header{text-align:center;margin-bottom:50px}.analytics-main-title{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.analytics-subtitle{color:beige;font-size:1.1rem;line-height:1.6;text-shadow:0 2px 4px rgba(0,0,0,.3)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:50px;max-width:1000px;margin-left:auto;margin-right:auto}.metric-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:30px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateY(0);opacity:1}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d2691e,peru,#daa520);border-radius:20px 20px 0 0}.metric-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 40px 80px #0006,0 0 0 1px #fff3,inset 0 1px #fff3}.metric-card.primary:before{background:linear-gradient(90deg,#d2691e,peru)}.metric-card.highlight:before{background:linear-gradient(90deg,#daa520,#f4a460)}.metric-icon{margin-bottom:20px}.icon-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#d2691e,peru,#daa520);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 8px 25px #d2691e66,0 0 0 3px #ffffff1a,inset 0 2px 4px #fff3;position:relative}.icon-circle:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#ffffff4d;box-shadow:0 0 0 2px #ffffff80,inset 0 1px 2px #fffc}.metric-card.primary .icon-circle:before{background:linear-gradient(45deg,#fff6,#fff3);width:24px;height:24px}.metric-card.highlight .icon-circle:before{background:linear-gradient(45deg,#ffffff80,#ffffff4d);width:22px;height:22px}.metric-content{flex:1}.metric-title{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:12px;line-height:1.3}.metric-value{color:#fff;font-size:2.2rem;font-weight:800;margin-bottom:8px;display:flex;align-items:baseline;gap:8px}.metric-unit{font-size:1rem;font-weight:600;color:beige}.metric-description{color:#e5e7eb;font-size:.95rem;line-height:1.6;margin:0}.metric-progression{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.current-value,.future-value{display:flex;flex-direction:column;align-items:center;flex:1}.value-label{color:beige;font-size:.85rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.value-number{color:#fff;font-size:1.8rem;font-weight:800}.value-number.accent{color:#daa520}.arrow{color:#d2691e;font-size:1.5rem;font-weight:800}.chart-section{margin-bottom:50px}.chart-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:30px;box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.chart-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26}.chart-header{text-align:center;margin-bottom:30px}.chart-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:8px}.chart-subtitle{color:beige;font-size:1rem;margin:0}.chart-container{height:320px;position:relative}.projection-section{margin-bottom:40px}.projection-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:30px;box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.projection-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26}.projection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.projection-title{color:#fff;font-size:1.4rem;font-weight:700;margin:0}.projection-badge{background:linear-gradient(135deg,#d2691e,peru);color:#fff;padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #d2691e4d;display:flex;align-items:center;gap:6px}.projection-badge svg{animation:pulse 2s ease-in-out infinite}.projection-metrics{display:flex;align-items:center;justify-content:center;gap:40px;margin-bottom:20px}.projection-metric{text-align:center;flex:1}.metric-label{color:beige;font-size:.9rem;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.metric-value-large{color:#fff;font-size:2.5rem;font-weight:800;display:flex;flex-direction:column;align-items:center;gap:4px}.metric-value-large.accent{color:#daa520}.metric-year{font-size:.9rem;font-weight:600;color:beige}.projection-divider{width:2px;height:60px;background:linear-gradient(180deg,#d2691e,peru,#daa520);border-radius:1px}.projection-footnote{text-align:center}.projection-footnote p{color:#e5e7eb;font-size:.9rem;line-height:1.6;margin:0}.live-data-section{margin-bottom:20px}.live-ticker-container{background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px 24px;display:flex;align-items:center;gap:20px;overflow:hidden}.live-indicator{display:flex;align-items:center;gap:8px;flex-shrink:0}.live-dot{width:10px;height:10px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.live-indicator span{color:#10b981;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.live-indicator svg{color:#d2691e;animation:pulse 2s ease-in-out infinite}.ticker-content{color:beige;font-size:.85rem;display:flex;gap:16px;overflow:hidden;white-space:nowrap;animation:tickerScroll 30s linear infinite}.ticker-content span{flex-shrink:0;animation:tickerPulse 2s ease-in-out infinite}.ticker-content span:nth-child(2){animation-delay:.5s}.ticker-content span:nth-child(3){animation-delay:1s}.ticker-content span:nth-child(4){animation-delay:1.5s}.ticker-content span:nth-child(5){animation-delay:2s}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes tickerPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.main-text{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:-.02em}.main-text .line{display:block}.main-text .highlight{color:#7dd3fc}.hero-actions{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}.watch-button{background:#fff3;border:2px solid rgba(255,255,255,.8);color:#fff;padding:15px 40px;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1px;text-decoration:none;display:inline-block}.watch-button:hover{background:#ffffff4d;border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.watch-button:active{transform:translateY(0)}.watch-button:focus{outline:2px solid #7dd3fc;outline-offset:2px}.donate-button{background:linear-gradient(135deg,#d2691e,peru);border:2px solid #d2691e;color:#fff;padding:15px 40px;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1px;text-decoration:none;display:inline-block;box-shadow:0 8px 25px #d2691e4d;position:relative;overflow:hidden}.donate-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.donate-button:hover:before{left:100%}.donate-button:hover{background:linear-gradient(135deg,#b8860b,#daa520);border-color:#b8860b;transform:translateY(-2px);box-shadow:0 12px 35px #d2691e66}.donate-button:active{transform:translateY(0)}.donate-button:focus{outline:2px solid #daa520;outline-offset:2px}@media (max-width: 768px){.main-text{font-size:2.5rem;margin-bottom:1.5rem}.hero{padding-top:80px}.hero-actions{flex-direction:column;gap:16px}.watch-button,.donate-button{padding:12px 30px;font-size:1rem;width:100%;max-width:280px}.analytics-container{padding:0 16px}.analytics-main-title{font-size:2rem}.metrics-grid{grid-template-columns:1fr;gap:20px}.metric-card{padding:24px 20px}.metric-progression{flex-direction:column;gap:16px}.arrow{transform:rotate(90deg)}.projection-metrics{flex-direction:column;gap:20px}.projection-divider{width:60px;height:2px}.live-ticker-container{flex-direction:column;gap:12px;text-align:center}.ticker-content{flex-direction:column;gap:8px;text-align:center}}@media (max-width: 480px){.main-text{font-size:2rem;margin-bottom:1rem}.hero{padding-top:80px}.hero-actions{gap:12px}.watch-button,.donate-button{padding:10px 25px;font-size:.9rem;max-width:240px}.analytics-main-title,.metric-value{font-size:1.8rem}.metric-value-large{font-size:2rem}.chart-card,.projection-card{padding:20px 16px}}body.menu-open .home-container{transform:scale(.985)}.logo-container{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;transition:all .3s ease}.logo-container:hover{transform:translateY(-1px)}.logo-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.logo-icon:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:12px;z-index:-1;opacity:.6}.logo-icon img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(0,0,0,.6)) drop-shadow(0 2px 8px rgba(255,255,255,.3)) drop-shadow(0 0 0 1px rgba(255,255,255,.1));transition:all .3s ease;border-radius:8px;opacity:1}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-title{font-weight:800;font-size:1.2em;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.logo-tagline{font-weight:500;font-size:.7em;color:beige;opacity:.9;margin-top:2px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.logo-small .logo-icon{width:32px;height:32px}.logo-small .logo-title{font-size:1em}.logo-small .logo-tagline{font-size:.6em}.logo-medium .logo-icon{width:40px;height:40px}.logo-medium .logo-title{font-size:1.2em}.logo-medium .logo-tagline{font-size:.7em}.logo-large .logo-icon{width:56px;height:56px}.logo-large .logo-title{font-size:1.8em}.logo-large .logo-tagline{font-size:.8em}.logo-container.icon-only .logo-text{display:none}.logo-container.icon-only .logo-icon{width:40px;height:40px}.footer .logo-container,.footer .logo-title{color:beige}.footer .logo-tagline{color:#e5e7eb;opacity:.8}.footer .logo-container:hover .logo-title{color:#daa520}.dark-bg .logo-container,.dark-bg .logo-title{color:#fff}.dark-bg .logo-tagline{color:beige}.logo-container:hover .logo-icon{transform:scale(1.05)}.logo-container:hover .logo-icon:before{background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);opacity:.8}.logo-container:hover .logo-icon img{filter:drop-shadow(0 6px 20px rgba(0,0,0,.7)) drop-shadow(0 3px 12px rgba(255,255,255,.4)) drop-shadow(0 0 0 2px rgba(255,255,255,.2));transform:scale(1.02);opacity:1}.logo-container:hover .logo-title{color:#daa520;text-shadow:0 2px 8px rgba(218,165,32,.3)}.logo-container:hover .logo-tagline{color:#fff;opacity:1}@media (max-width: 768px){.logo-container{gap:8px}.logo-medium .logo-icon{width:36px;height:36px}.logo-medium .logo-title{font-size:1.1em}.logo-medium .logo-tagline{font-size:.65em}}@media (max-width: 480px){.logo-container{gap:6px}.logo-medium .logo-icon{width:32px;height:32px}.logo-medium .logo-title{font-size:1em}.logo-medium .logo-tagline{font-size:.6em}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px 0;background:#ffffff14;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);box-shadow:0 8px 32px #00000026;border-bottom:1px solid rgba(255,255,255,.1);transform:translateZ(0);will-change:transform;transition:all .3s ease}.navbar.scrolled{background:#ffffff1f;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:0 12px 40px #0003;border-bottom:1px solid rgba(255,255,255,.15);padding:12px 0}.navbar-content{width:100%;max-width:1200px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:relative;z-index:1201;transition:all .3s ease}.navbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important}body{padding-top:0}.navbar-content{min-height:60px;display:flex;align-items:center}.brand-link{text-decoration:none;transition:all .3s ease}.brand-link:hover{transform:translateY(-1px)}.nav-links{display:flex;align-items:center;gap:18px}.nav-link{color:#fff;text-decoration:none;font-weight:600;letter-spacing:.4px;padding:10px 14px;border-radius:12px;transition:all .25s ease;text-shadow:0 1px 2px rgba(0,0,0,.3)}.nav-link:hover{background:#ffffff26;box-shadow:0 6px 18px #0003;transform:translateY(-1px);text-shadow:0 2px 3px rgba(0,0,0,.4)}.nav-link:focus{outline:2px solid #7dd3fc;outline-offset:2px}.dropdown-container{position:relative;display:inline-block}.dropdown-trigger{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px}.dropdown-arrow{font-size:.7rem;transition:transform .3s ease;color:#7dd3fc}.dropdown-container:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;min-width:180px;background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 15px 35px #0000004d;z-index:1000;padding:8px 0;margin-top:8px;animation:dropdownSlide .2s ease-out}.dropdown-item{display:block;color:#fff;text-decoration:none;font-weight:500;padding:10px 16px;transition:all .25s ease;border-radius:8px;margin:0 8px}.dropdown-item:hover{background:#7dd3fc33;color:#7dd3fc;transform:translate(4px)}.dropdown-item:focus{outline:2px solid #7dd3fc;outline-offset:2px}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:10px}.nav-toggle .bar{display:block;width:24px;height:2px;margin:5px 0;background:#fff;transition:all .3s ease;box-shadow:0 2px 8px #00000040}.nav-toggle.open .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open .bar:nth-child(2){opacity:0}.nav-toggle.open .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none}.mobile-menu.show{position:fixed;top:64px;left:12px;right:12px;z-index:1000;display:flex;flex-direction:column;gap:10px;padding:14px 10px;background:#ffffff3d;backdrop-filter:blur(26px) saturate(130%);-webkit-backdrop-filter:blur(26px) saturate(130%);border:1px solid rgba(255,255,255,.28);border-radius:16px;box-shadow:0 20px 50px #00000059,0 8px 20px #00000040;animation:menuSlide .25s ease-out}.mobile-link{color:#fff;text-decoration:none;font-weight:600;letter-spacing:.4px;padding:12px 14px;border-radius:12px;transition:all .25s ease}.mobile-link:hover{background:#ffffff2e;box-shadow:0 6px 18px #00000040}.mobile-link:focus{outline:2px solid #7dd3fc;outline-offset:2px}.mobile-chapters{margin:8px 0}.mobile-chapters-header{color:#7dd3fc;font-weight:700;font-size:.9rem;padding:8px 14px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.mobile-sub-link{padding-left:28px;font-size:.9rem;color:#cbd5e1}.mobile-sub-link:hover{color:#7dd3fc;background:#7dd3fc1a}@keyframes menuSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.nav-links{display:none}.nav-toggle{display:inline-block}}@media (max-width: 768px){.navbar{padding:12px 0}.navbar.scrolled{padding:8px 0}.navbar-content{padding:0 16px;min-height:50px}}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0a0c1073;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);transition:opacity .2s ease}body.no-scroll{overflow:hidden}.footer{background:linear-gradient(135deg,#8b4513f2,#a0522de6,#d2b48cd9,#a0522de6,#8b4513f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);margin-top:80px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%)}.footer-container{max-width:1200px;margin:0 auto;padding:60px 20px 20px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px}.footer-brand{max-width:400px}.footer-logo{margin-bottom:20px}.footer-logo .logo-title{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.footer-logo .logo-tagline{color:#daa520;text-shadow:0 1px 4px rgba(0,0,0,.2)}.footer-description{color:beige;font-size:.95rem;line-height:1.6;margin-bottom:24px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.footer-social{display:flex;gap:16px;align-items:center}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:beige;transition:all .3s ease;text-decoration:none}.footer-social a:hover{background:#fff3;border-color:#fff6;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.footer-links{min-width:0}.footer-section-title{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.footer-link-list{list-style:none;padding:0;margin:0}.footer-link-list li{margin-bottom:12px}.footer-link-list a{color:beige;text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block;position:relative}.footer-link-list a:hover{color:#fff;transform:translate(4px)}.footer-link-list a:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:0;height:2px;background:linear-gradient(90deg,#d2691e,#daa520);transition:width .3s ease}.footer-link-list a:hover:before{width:8px}.footer-contact{min-width:0}.contact-item{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:beige;font-size:.95rem}.contact-item svg{color:#daa520;flex-shrink:0}.contact-item a{color:beige;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-bottom-content{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.footer-copyright{color:#e5e7eb;font-size:.9rem;margin:0}.footer-bottom-links{display:flex;gap:24px;align-items:center}.footer-bottom-links a{color:beige;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-bottom-links a:hover{color:#fff}.footer-mission{text-align:right}.footer-mission p{color:#e5e7eb;font-size:.9rem;margin:0;display:flex;align-items:center;gap:6px;justify-content:flex-end}.heart-icon{color:#e74c3c;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1 / -1;max-width:none;text-align:center;margin-bottom:20px}.footer-social{justify-content:center}}@media (max-width: 768px){.footer-container{padding:40px 16px 16px}.footer-content{grid-template-columns:1fr;gap:24px;text-align:center}.footer-brand{margin-bottom:0}.footer-logo{font-size:1.8rem}.footer-section-title{font-size:1.1rem;margin-bottom:16px}.footer-bottom{flex-direction:column;text-align:center;gap:16px}.footer-bottom-content{flex-direction:column;gap:16px}.footer-bottom-links{justify-content:center}.footer-mission{text-align:center}.footer-mission p{justify-content:center}}@media (max-width: 480px){.footer-container{padding:32px 12px 12px}.footer-social{gap:12px}.footer-social a{width:36px;height:36px}.footer-bottom-links{flex-direction:column;gap:12px}}.chapter-page,.donate-page,.resources-page,.tell-us-page{position:relative;width:100%;min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,#8b451333,#a0522d40,#d2b48c4d,#deb88759,#a0522d52,#8b451347,#a0522d4d 90%,#d2b48c52)}.chapter-content,.donate-content,.resources-content,.tell-us-content{position:relative;z-index:100;padding:120px 20px 60px;max-width:1400px;margin:0 auto}.chapter-hero,.donate-hero,.resources-hero,.tell-us-hero{text-align:center;margin-bottom:60px}.chapter-title{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#fff,#e2e8f0,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;letter-spacing:-.02em;text-shadow:0 4px 8px rgba(0,0,0,.3)}.chapter-subtitle{font-size:1.25rem;color:#e2e8f0cc;font-weight:400;margin:0}.chapter-main{display:grid;gap:40px}.chapter-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:32px;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1)}.chapter-card:hover{transform:translateY(-4px);box-shadow:0 35px 70px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-header h2{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.card-icon{font-size:2rem;opacity:.8}.card-description{font-size:1.1rem;line-height:1.7;color:#e2e8f0e6;margin:0 0 24px}.page-container{position:relative;width:100%;min-height:100vh;overflow:auto;display:flex;align-items:center;justify-content:center;transition:transform .25s ease;will-change:transform}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.page-overlay{position:relative;z-index:100;text-align:center;color:#fff;max-width:900px;width:100%;padding:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;margin:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);box-sizing:border-box}.page-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:-.02em}.page-card{background:#ffffff1f;border:2px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:24px;margin-top:10px;box-shadow:0 15px 35px #0000004d,0 5px 15px #0003}.page-actions{margin-top:20px}.chapter-actions{display:flex;gap:16px;justify-content:center;margin-top:40px}.primary-button{background:linear-gradient(135deg,#d2691e,peru);border:2px solid #d2691e;color:#fff;padding:16px 32px;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;text-decoration:none;display:inline-block;text-align:center;box-shadow:0 8px 25px #d2691e4d}.primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.primary-button:hover:before{left:100%}.primary-button:hover{background:linear-gradient(135deg,#b8860b,#daa520);border-color:#b8860b;transform:translateY(-2px);box-shadow:0 12px 35px #d2691e66}.secondary-button{background:#ffffff14;border:2px solid rgba(255,255,255,.3);color:#ffffffe6;padding:16px 32px;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-transform:uppercase;letter-spacing:.5px}.secondary-button:hover{background:#ffffff1f;border-color:#ffffff80;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.primary-button:active,.secondary-button:active{transform:translateY(0)}.primary-button:focus,.secondary-button:focus{outline:2px solid #7dd3fc;outline-offset:2px}.page-button{background:#fff3;border:2px solid rgba(255,255,255,.8);color:#fff;padding:12px 32px;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1px}.page-button:hover{background:#ffffff4d;border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.page-button:active{transform:translateY(0)}.page-button:focus{outline:2px solid #7dd3fc;outline-offset:2px}@media (max-width: 768px){.page-title{font-size:2.4rem}}@media (max-width: 480px){.page-title{font-size:2rem}}.highlight-banner{background:linear-gradient(135deg,#7dd3fc26,#3b82f626);border:1px solid rgba(125,211,252,.3);border-radius:12px;padding:16px 20px;margin-top:20px}.highlight-text{color:#7dd3fc;font-weight:600;font-size:1rem}.chapter-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:40px 0}.stat-card{background:#ffffff0f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px 20px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);background:#ffffff14;border-color:#fff3}.stat-card.reached{border-color:#22c55e4d;background:#22c55e0d}.stat-card.coming-soon{border-color:#f59e0b4d;background:#f59e0b0d}.stat-number{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:8px}.stat-label{font-size:.9rem;color:#e2e8f0b3;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stat-status{font-size:.8rem;font-weight:600;padding:4px 8px;border-radius:6px;display:inline-block}.stat-card.reached .stat-status{background:#22c55e33;color:#22c55e}.stat-card.coming-soon .stat-status{background:#f59e0b33;color:#f59e0b}.progress-indicator{margin-top:20px}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;transition:width .6s ease}.progress-text{font-size:.9rem;color:#e2e8f0cc;font-weight:500}.impact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:40px 0}.impact-card{background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.impact-card:hover{transform:translateY(-2px);background:#ffffff0f;border-color:#ffffff26}.impact-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#d2691e,peru,#daa520);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 8px 25px #d2691e66,0 0 0 3px #ffffff1a,inset 0 2px 4px #fff3;transition:all .3s ease}.impact-card:hover .impact-icon{transform:scale(1.1);box-shadow:0 12px 35px #d2691e99,0 0 0 4px #ffffff26,inset 0 2px 4px #ffffff4d}.impact-card h3{font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 12px}.impact-card p{font-size:.95rem;line-height:1.6;color:#e2e8f0cc;margin:0}@media (max-width: 768px){.page-actions{display:flex;flex-direction:column;gap:12px}}@media (max-width: 768px){.page-overlay{margin:10px;padding:15px;border-radius:15px}.page-title{font-size:2.5rem}.page-card{padding:20px;margin-top:20px}.page-card p{font-size:1rem}}@media (max-width: 480px){.page-overlay{margin:5px;padding:10px;border-radius:10px}.page-title{font-size:2rem;margin-bottom:1rem}.page-card{padding:15px;margin-top:15px}.page-card p{font-size:.9rem;line-height:1.6}.page-button{padding:12px 24px;font-size:.9rem}}@media (max-width: 320px){.page-overlay{margin:2px;padding:8px}.page-title{font-size:1.8rem}.page-card{padding:12px}.page-card p{font-size:.85rem}}@media (max-width: 1200px){.chapter-content{padding:100px 15px 50px}.chapter-title{font-size:3.5rem}}@media (max-width: 768px){.chapter-content{padding:80px 10px 40px}.chapter-title{font-size:2.8rem}.chapter-subtitle{font-size:1.1rem}.chapter-card{padding:24px 20px}.card-header h2{font-size:1.5rem}.card-description{font-size:1rem}.chapter-stats-grid,.impact-cards{grid-template-columns:1fr;gap:16px}.chapter-actions{flex-direction:column;align-items:center}.primary-button,.secondary-button{width:100%;max-width:280px}}@media (max-width: 480px){.chapter-content{padding:70px 8px 30px}.chapter-title{font-size:2.2rem}.chapter-subtitle{font-size:1rem}.chapter-card{padding:20px 16px;border-radius:16px}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.card-header h2{font-size:1.3rem}.card-description{font-size:.95rem}.stat-number{font-size:2rem}.impact-card{padding:20px 16px}.impact-card h3{font-size:1.1rem}.impact-card p{font-size:.9rem}.donate-stats-grid,.resources-categories,.feedback-types{grid-template-columns:1fr;gap:16px}.resources-categories{max-width:100%;margin:30px 0}.resource-category{padding:24px 20px;border-radius:16px;min-height:180px}.resource-category h3{font-size:1.2rem;margin-bottom:12px}.resource-category p{font-size:.95rem}.category-icon{width:50px;height:50px;margin-bottom:16px}.form-row{grid-template-columns:1fr;gap:16px}.tell-us-form{padding:24px 20px;border-radius:16px}}@media (max-width: 480px){.resources-categories{margin:20px 0;gap:12px}.resource-category{padding:20px 16px;border-radius:12px;min-height:160px}.resource-category h3{font-size:1.1rem;margin-bottom:10px}.resource-category p{font-size:.9rem;line-height:1.5}.category-icon{width:45px;height:45px;margin-bottom:14px}.resources-hero,.donate-hero,.tell-us-hero{margin-bottom:40px}.resources-title,.donate-title,.tell-us-title{font-size:2.5rem}.resources-subtitle,.donate-subtitle,.tell-us-subtitle{font-size:1.1rem}}body.menu-open .page-container,body.menu-open .chapter-page{transform:scale(.985)}.form-container{max-width:1000px;margin:0 auto}.chapter-form{background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:40px;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.form-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid rgba(125,211,252,.3);display:inline-block}.form-section-content{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid{display:grid;grid-template-columns:1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:24px;margin-top:30px;text-align:center}.form-success h3{color:#22c55e;font-size:1.25rem;font-weight:700;margin:0 0 12px}.form-success p{color:#e2e8f0e6;margin:0;line-height:1.6}.form-error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:24px;margin-top:30px;text-align:center}.form-error-message h3{color:#ef4444;font-size:1.25rem;font-weight:700;margin:0}.donate-main,.resources-main,.tell-us-main{max-width:1000px;margin:0 auto}.donate-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:40px 0}.stat-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#d2691e,peru,#daa520);display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 6px 20px #d2691e66,0 0 0 2px #ffffff1a}.operations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:20px}.operation-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.operation-item:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.operation-item h3{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.operation-item p{color:#e5e7eb;font-size:1rem;line-height:1.6;margin-bottom:8px}.operation-item p strong{color:#daa520;font-weight:700}.resources-actions{display:flex;gap:20px;justify-content:center;margin:50px 0;flex-wrap:wrap}.resources-actions .primary-button,.resources-actions .secondary-button{min-width:200px;padding:18px 36px;font-size:1.1rem;font-weight:600}@media (max-width: 768px){.resources-actions{flex-direction:column;align-items:center;gap:16px;margin:40px 0}.resources-actions .primary-button,.resources-actions .secondary-button{width:100%;max-width:300px;padding:16px 32px;font-size:1rem}.resources-categories{grid-template-columns:1fr;gap:16px;padding:0 10px}.resources-main{padding:0 10px}}@media (max-width: 480px){.resources-actions{margin:30px 0;gap:12px}.resources-actions .primary-button,.resources-actions .secondary-button{padding:14px 28px;font-size:.95rem}.resources-categories{gap:12px;padding:0 5px}.resources-main{padding:0 5px}.resources-content{padding:100px 10px 40px}}.resources-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1200px;margin:40px auto;padding:0 20px}@media (min-width: 769px) and (max-width: 1024px){.resources-categories{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 15px}.resources-actions{gap:18px}.resources-actions .primary-button,.resources-actions .secondary-button{min-width:180px;padding:16px 30px}}@media (min-width: 1200px){.resources-categories{grid-template-columns:repeat(3,1fr);gap:32px}}@media (min-width: 1400px){.resources-categories{grid-template-columns:repeat(3,1fr);gap:40px;max-width:1400px}}.resource-category{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:32px 24px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;min-height:200px;justify-content:flex-start}.resource-category:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d2691e,peru,#daa520);border-radius:20px 20px 0 0}.resource-category:hover{transform:translateY(-8px) scale(1.02);background:#ffffff1f;border-color:#fff3;box-shadow:0 30px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26}.category-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#d2691e,peru,#daa520);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 12px 30px #d2691e66,0 0 0 3px #ffffff1a,inset 0 2px 4px #fff3;transition:all .3s ease}.resource-category:hover .category-icon{transform:scale(1.1);box-shadow:0 16px 40px #d2691e99,0 0 0 4px #ffffff26,inset 0 2px 4px #ffffff4d}.resource-category h3{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 16px;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.3}.resource-category p{font-size:1rem;line-height:1.6;color:#f1f5f9;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.feedback-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin:40px 0}.feedback-type{background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.feedback-type:hover{transform:translateY(-4px);background:#ffffff14;border-color:#ffffff26}.type-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#d2691e,peru,#daa520);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 8px 25px #d2691e66,0 0 0 3px #ffffff1a}.feedback-type h3{font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 12px}.feedback-type p{font-size:.95rem;line-height:1.6;color:#e2e8f0cc;margin:0}.tell-us-form{background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:40px;margin:40px 0;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.primary-button svg{margin-right:8px}.qr-code-section{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:30px;margin-top:30px;text-align:center;box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.qr-code-section h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 20px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.qr-code-container{display:flex;justify-content:center;margin-bottom:20px;padding:20px;background:#ffffff0d;border-radius:16px;border:2px solid rgba(255,255,255,.1)}.qr-code-image{width:200px;height:200px;border-radius:12px;box-shadow:0 8px 25px #0003;transition:transform .3s ease}.qr-code-image:hover{transform:scale(1.05)}.qr-description{color:beige;font-size:1rem;margin:0 0 16px;line-height:1.6}.donation-link{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;color:#e5e7eb;font-size:.9rem}.donation-link .link{color:#daa520;text-decoration:none;font-weight:600;padding:8px 12px;background:#daa5201a;border-radius:8px;border:1px solid rgba(218,165,32,.3);transition:all .3s ease;word-break:break-all}.donation-link .link:hover{background:#daa52033;border-color:#daa52080;color:#fff;transform:translateY(-1px)}.donate-actions{display:flex;gap:16px;justify-content:center;margin-top:40px;flex-wrap:wrap}.donate-actions .primary-button,.donate-actions .secondary-button{display:flex;align-items:center;gap:8px;min-width:180px;justify-content:center}@media (max-width: 768px){.qr-code-section{padding:24px 20px;margin-top:24px}.qr-code-container{padding:16px}.qr-code-image{width:160px;height:160px}.donate-actions{flex-direction:column;align-items:center;gap:12px}.donate-actions .primary-button,.donate-actions .secondary-button{width:100%;max-width:280px}.donation-link{flex-direction:column;gap:12px;text-align:center}}@media (max-width: 480px){.qr-code-section{padding:20px 16px;margin-top:20px}.qr-code-container{padding:12px}.qr-code-image{width:140px;height:140px}.qr-code-section h3{font-size:1.3rem;margin-bottom:16px}.qr-description{font-size:.9rem}.donation-link{font-size:.8rem}}@media (max-width: 768px){.chapter-form{padding:24px 20px;border-radius:16px}.form-section{margin-bottom:30px;padding-bottom:20px}.form-section-title{font-size:1.3rem;margin-bottom:20px}.form-row{grid-template-columns:1fr;gap:16px}.form-input{padding:12px 14px;font-size:.95rem}.form-actions{margin-top:30px;padding-top:20px}}@media (max-width: 480px){.chapter-form{padding:20px 16px;border-radius:12px}.form-section{margin-bottom:24px;padding-bottom:16px}.form-section-title{font-size:1.2rem;margin-bottom:16px}.form-input{padding:10px 12px;font-size:.9rem}.form-label{font-size:.9rem}}.africa-map-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.africa-svg{width:120vw;height:120vh;min-width:120vw;min-height:120vh;object-fit:cover;object-position:center;transform:scale(1.1)}.country-tooltip{position:fixed;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;z-index:1000;pointer-events:none;border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.reach-marker{r:8}.reach-marker.reached{r:10}.pulse-ring{r:16}.country-tooltip{top:15px;right:15px;padding:10px 14px;font-size:13px}.tooltip-content h4{font-size:15px}.tooltip-content p{font-size:11px}}@media (max-width: 480px){.reach-marker{r:6}.reach-marker.reached{r:8}.pulse-ring{r:14}.country-tooltip{top:10px;right:10px;padding:8px 12px;font-size:12px}.tooltip-content h4{font-size:14px}.tooltip-content p{font-size:10px}}.tanzania-map-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.tanzania-svg{width:120vw;height:120vh;min-width:120vw;min-height:120vh;object-fit:cover;object-position:center;transform:scale(1.1)}.reach-marker{cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 8px rgba(0,0,0,.3))}.reach-marker.reached{fill:#22c55e;filter:drop-shadow(0 0 12px rgba(34,197,94,.9))}.reach-marker.headquarters{fill:#3b82f6;filter:drop-shadow(0 0 14px rgba(59,130,246,.9))}.reach-marker.target{fill:#d2691e;filter:drop-shadow(0 0 10px rgba(210,105,30,.8))}.reach-marker.coming-soon{fill:#f59e0b;filter:drop-shadow(0 0 8px rgba(245,158,11,.7))}.reach-marker:hover{transform:scale(1.3);filter:drop-shadow(0 0 16px rgba(125,211,252,.8))}.pulse-ring{fill:none;stroke:#22c55e;stroke-width:2;opacity:.7;animation:pulseWave 2.5s ease-in-out infinite}@keyframes pulseWave{0%{stroke-width:2;opacity:.7;transform:scale(1)}50%{stroke-width:3;opacity:.4;transform:scale(1.2)}to{stroke-width:2;opacity:.7;transform:scale(1)}}.region-tooltip{position:fixed;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;z-index:1000;pointer-events:none;border:1px solid rgba(255,255,255,.2)}.tooltip-content h4{margin:0 0 4px;color:#fff;font-size:16px;font-weight:600}.tooltip-content p{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.tooltip-content p.reached{color:#22c55e}.tooltip-content p.headquarters{color:#3b82f6}.tooltip-content p.target{color:#d2691e}.tooltip-content p.coming-soon{color:#f59e0b}@media (max-width: 768px){.reach-marker{r:8}.reach-marker.reached{r:10}.pulse-ring{r:16}.region-tooltip{top:15px;right:15px;padding:10px 14px;font-size:13px}.tooltip-content h4{font-size:15px}.tooltip-content p{font-size:11px}}@media (max-width: 480px){.reach-marker{r:6}.reach-marker.reached{r:8}.pulse-ring{r:14}.region-tooltip{top:10px;right:10px;padding:8px 12px;font-size:12px}.tooltip-content h4{font-size:14px}.tooltip-content p{font-size:10px}}@media (max-width: 320px){.reach-marker{r:5}.reach-marker.reached{r:6}.pulse-ring{r:12}}.survey-page{min-height:100vh;background:linear-gradient(180deg,#8b451333,#a0522d40,#d2b48c4d,#deb88759,#a0522d52,#8b451347,#a0522d4d 90%,#d2b48c52)}.survey-container{max-width:800px;margin:0 auto;padding:120px 20px 60px}.survey-header{text-align:center;margin-bottom:40px}.back-link{display:inline-flex;align-items:center;gap:8px;color:beige;text-decoration:none;font-weight:600;margin-bottom:30px;padding:8px 16px;border-radius:8px;background:#ffffff1a;transition:all .3s ease}.back-link:hover{background:#fff3;color:#fff;transform:translate(-4px)}.survey-header h1{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,.4);line-height:1.2}.survey-header p{color:#daa520;font-size:1.2rem;font-weight:600;margin-bottom:30px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.progress-bar{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;background:linear-gradient(90deg,#d2691e,peru,#daa520);border-radius:4px;transition:width .5s ease}.step-indicator{color:beige;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.survey-form{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:40px;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.survey-step h2{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:30px;text-shadow:0 2px 4px rgba(0,0,0,.3);padding-bottom:16px;border-bottom:2px solid rgba(218,165,32,.3)}.form-group{margin-bottom:32px}.form-label{display:block;color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:16px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.required{color:#ef4444;margin-left:4px}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:12px}.radio-option,.checkbox-option{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}.radio-option:hover,.checkbox-option:hover{background:#ffffff14;border-color:#fff3;transform:translate(4px)}.radio-option input[type=radio],.checkbox-option input[type=checkbox]{margin:0;width:20px;height:20px;accent-color:#d2691e;cursor:pointer}.radio-option input[type=radio]:checked+.radio-text,.checkbox-option input[type=checkbox]:checked+.checkbox-text{color:#daa520}.radio-option:has(input:checked),.checkbox-option:has(input:checked){background:#daa5201a;border-color:#daa5204d;box-shadow:0 0 0 2px #daa5201a}.radio-text,.checkbox-text{display:flex;flex-direction:column;gap:4px;flex:1}.english{color:#fff;font-weight:600;font-size:1rem}.swahili{color:beige;font-size:.9rem;font-style:italic}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.primary-button,.secondary-button{display:flex;align-items:center;gap:8px;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;text-decoration:none;border:none}.primary-button{background:linear-gradient(135deg,#d2691e,peru);color:#fff;box-shadow:0 8px 25px #d2691e4d}.primary-button:hover{background:linear-gradient(135deg,#b8860b,#daa520);transform:translateY(-2px);box-shadow:0 12px 35px #d2691e66}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.secondary-button{background:#ffffff14;border:2px solid rgba(255,255,255,.3);color:beige}.secondary-button:hover{background:#ffffff1f;border-color:#ffffff80;color:#fff;transform:translateY(-2px)}.spinning{animation:spin 1s linear infinite}.success-message{text-align:center;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:60px 40px;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.success-icon{color:#22c55e;margin-bottom:24px;animation:pulse 2s ease-in-out infinite}.success-message h1{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:20px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.success-message p{color:beige;font-size:1.1rem;line-height:1.6;margin-bottom:16px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.back-button{display:inline-flex;align-items:center;gap:8px;margin-top:30px;padding:12px 24px;background:linear-gradient(135deg,#d2691e,peru);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease;box-shadow:0 8px 25px #d2691e4d}.back-button:hover{background:linear-gradient(135deg,#b8860b,#daa520);transform:translateY(-2px);box-shadow:0 12px 35px #d2691e66}@media (max-width: 768px){.survey-container{padding:100px 16px 40px}.survey-header h1{font-size:2rem}.survey-header p{font-size:1rem}.survey-form{padding:30px 24px;border-radius:16px}.survey-step h2{font-size:1.5rem;margin-bottom:24px}.form-group{margin-bottom:24px}.form-label{font-size:1rem;margin-bottom:12px}.radio-option,.checkbox-option{padding:12px 16px}.english{font-size:.95rem}.swahili{font-size:.85rem}.form-actions{flex-direction:column;gap:16px;margin-top:30px;padding-top:20px}.primary-button,.secondary-button{width:100%;justify-content:center;padding:12px 24px}}@media (max-width: 480px){.survey-container{padding:80px 12px 30px}.survey-header h1{font-size:1.8rem}.survey-form{padding:24px 20px;border-radius:12px}.survey-step h2{font-size:1.3rem;margin-bottom:20px}.radio-option,.checkbox-option{padding:10px 14px;gap:10px}.radio-option input[type=radio],.checkbox-option input[type=checkbox]{width:18px;height:18px}.english{font-size:.9rem}.swahili{font-size:.8rem}.success-message{padding:40px 24px}.success-message h1{font-size:2rem}.success-message p{font-size:1rem}}.lesson-plan-page{position:relative;width:100%;min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,#8b451333,#a0522d40,#d2b48c4d,#deb88759,#a0522d52,#8b451347,#a0522d4d 90%,#d2b48c52)}.lesson-plan-content{max-width:1200px;margin:0 auto;padding:0 20px}.lesson-plan-hero{position:relative;width:100%;height:calc(100vh - 80px);min-height:500px;display:flex;align-items:center;justify-content:center;padding-top:80px;background:linear-gradient(180deg,#0000004d,#0003,#8b45131a 60%,#a0522d26,#d2b48c2e);transition:all .4s cubic-bezier(.4,0,.2,1);color:#fff;text-align:center;overflow:hidden}.lesson-plan-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1}.lesson-plan-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.lesson-plan-subtitle{font-size:1.3rem;margin-bottom:40px;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;justify-content:center;gap:40px;margin-bottom:40px;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600}.lesson-plan-overview,.learning-objectives,.lesson-modules,.ai-tools-section,.safety-guidelines,.assessment-section,.resources-section,.contact-section{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:40px;margin:40px 0;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.lesson-plan-overview h2,.learning-objectives h2,.lesson-modules h2,.ai-tools-section h2,.safety-guidelines h2,.assessment-section h2,.resources-section h2,.contact-section h2{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:20px;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.4)}.lesson-plan-overview p{font-size:1.2rem;line-height:1.8;color:beige;text-align:center;max-width:800px;margin:0 auto;text-shadow:0 2px 4px rgba(0,0,0,.3)}.objectives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:30px}.objective-card{text-align:center;padding:30px 20px;background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.objective-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d2691e,peru,#daa520);border-radius:20px 20px 0 0}.objective-card:hover{transform:translateY(-8px) scale(1.02);background:#ffffff14;border-color:#fff3;box-shadow:0 30px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26}.objective-card h3{color:#fff;font-size:1.5rem;font-weight:700;margin:15px 0 10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.objective-card p{color:beige;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.2)}.objective-card .icon-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#d2691e,peru,#daa520);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 25px #d2691e66,0 0 0 3px #ffffff1a,inset 0 2px 4px #fff3;transition:all .3s ease}.objective-card:hover .icon-circle{transform:scale(1.1);box-shadow:0 12px 35px #d2691e99,0 0 0 4px #ffffff26,inset 0 2px 4px #ffffff4d}.objective-card .icon-circle svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:30px}.module-card{background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:30px;border-left:5px solid #d2691e;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d2691e,peru,#daa520);border-radius:20px 20px 0 0}.module-card:hover{transform:translateY(-8px) scale(1.02);background:#ffffff14;border-color:#fff3;box-shadow:0 30px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.module-header h3{color:#fff;font-size:1.4rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.module-duration{background:linear-gradient(135deg,#d2691e,peru,#daa520);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 15px #d2691e66,0 0 0 1px #ffffff1a,inset 0 1px 2px #fff3;transition:all .3s ease}.module-duration:hover{transform:scale(1.05);box-shadow:0 6px 20px #d2691e80,0 0 0 2px #ffffff26,inset 0 1px 2px #ffffff4d}.module-objectives h4,.module-activities h4{color:beige;font-size:1.1rem;font-weight:600;margin:20px 0 10px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.module-objectives ul,.module-activities ul{list-style:none;padding:0}.module-objectives li,.module-activities li{color:beige;margin-bottom:8px;padding-left:20px;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.2)}.module-objectives li:before,.module-activities li:before{content:"✓";position:absolute;left:0;color:#d2691e;font-weight:700}.module-videos{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.module-videos h4{color:beige;font-size:1.1rem;font-weight:600;margin-bottom:15px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.video-links{display:flex;flex-direction:column;gap:10px}.video-link{display:flex;align-items:center;gap:10px;color:#d2691e;text-decoration:none;padding:8px 12px;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;transition:all .3s ease;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 15px #0000001a}.video-link:hover{background:#ffffff1f;border-color:#d2691e;transform:translate(5px);box-shadow:0 6px 20px #d2691e33}.video-title{font-weight:600;flex:1}.video-duration{color:beige;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tools-intro{text-align:center;font-size:1.2rem;color:beige;margin-bottom:40px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ai-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:30px}.ai-tool-card{background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:30px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.ai-tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#d2691e,peru,#daa520);border-radius:20px 20px 0 0}.ai-tool-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 40px 80px #0006,0 0 0 1px #fff3,inset 0 1px #fff3;border-color:#d2691e}.tool-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.tool-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d2691e,peru,#daa520);border-radius:15px;box-shadow:0 8px 25px #d2691e66,0 0 0 3px #ffffff1a,inset 0 2px 4px #fff3;transition:all .3s ease}.tool-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.ai-tool-card:hover .tool-icon{transform:scale(1.1);box-shadow:0 12px 35px #d2691e99,0 0 0 4px #ffffff26,inset 0 2px 4px #ffffff4d}.tool-title h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tool-pricing{display:flex;gap:10px}.free-badge,.paid-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 8px #0003;transition:all .3s ease}.free-badge{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border:1px solid rgba(255,255,255,.2)}.free-badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #22c55e66}.paid-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:1px solid rgba(255,255,255,.2)}.paid-badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #d9770666}.tool-description{color:beige;line-height:1.6;margin-bottom:15px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tool-pricing-info{color:#fff;font-weight:600;margin-bottom:20px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tool-features h4{color:beige;font-size:1.1rem;font-weight:600;margin-bottom:15px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tool-features ul{list-style:none;padding:0;margin:0}.tool-features li{display:flex;align-items:center;gap:10px;color:beige;margin-bottom:8px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tool-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.tool-link{display:inline-flex;align-items:center;gap:8px;color:beige;text-decoration:none;font-weight:600;padding:10px 18px;border-radius:12px;transition:all .3s ease;border:1px solid rgba(255,255,255,.15);background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-shadow:0 1px 2px rgba(0,0,0,.2)}.tool-link.primary{background:linear-gradient(135deg,#d2691e,peru,#daa520);color:#fff;border-color:#fff3;box-shadow:0 4px 15px #d2691e66,0 0 0 1px #ffffff1a,inset 0 1px 2px #fff3}.tool-link.primary:hover{background:linear-gradient(135deg,#b8860b,#daa520,#f4a460);border-color:#ffffff4d;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #d2691e80,0 0 0 2px #ffffff26,inset 0 1px 2px #ffffff4d}.tool-link.secondary{background:#ffffff0f;color:beige;border-color:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tool-link.secondary:hover{background:#ffffff1f;border-color:#d2691e;color:#d2691e;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #d2691e33}.guidelines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-top:30px}.guideline-card{padding:30px;border-radius:15px;border-left:5px solid}.guideline-card.warning{background:#fef5e7;border-left-color:#f6ad55}.guideline-card.success{background:#f0fff4;border-left-color:#68d391}.guideline-card h3{color:#2d3748;font-size:1.3rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.guideline-card ul{list-style:none;padding:0}.guideline-card li{color:#4a5568;margin-bottom:10px;padding-left:20px;position:relative}.guideline-card.warning li:before{content:"⚠";position:absolute;left:0;color:#f6ad55}.guideline-card.success li:before{content:"✓";position:absolute;left:0;color:#68d391;font-weight:700}.assessment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-top:30px}.assessment-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:30px;border-radius:15px;border-left:5px solid #667eea}.assessment-card h3{color:#2d3748;font-size:1.3rem;margin-bottom:20px}.assessment-card ul{list-style:none;padding:0}.assessment-card li{color:#4a5568;margin-bottom:10px;padding-left:20px;position:relative}.assessment-card li:before{content:"•";position:absolute;left:0;color:#667eea;font-weight:700}.resources-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}.resource-item{background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:30px;border-radius:15px}.resource-item h3{color:#2d3748;font-size:1.3rem;margin-bottom:20px}.resource-item ul{list-style:none;padding:0}.resource-item li{color:#4a5568;margin-bottom:10px;padding-left:20px;position:relative}.resource-item li:before{content:"→";position:absolute;left:0;color:#667eea;font-weight:700}.resource-item a{color:#667eea;text-decoration:none;font-weight:600}.resource-item a:hover{color:#764ba2;text-decoration:underline}.contact-section{text-align:center}.contact-section p{font-size:1.2rem;color:#4a5568;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.contact-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.primary-button,.secondary-button{padding:15px 30px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.secondary-button{background:transparent;color:#667eea;border:2px solid #667eea}.secondary-button:hover{background:#667eea;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.lesson-plan-title{font-size:2.5rem}.lesson-plan-subtitle{font-size:1.1rem}.hero-stats{gap:20px}.lesson-plan-overview,.learning-objectives,.lesson-modules,.ai-tools-section,.safety-guidelines,.assessment-section,.resources-section,.contact-section{padding:20px;margin:20px 0}.modules-grid,.ai-tools-grid{grid-template-columns:1fr}.module-header{flex-direction:column;align-items:flex-start;gap:10px}.contact-actions{flex-direction:column;align-items:center}.tool-actions{flex-direction:column}.video-links{gap:8px}}@media (max-width: 480px){.lesson-plan-content{padding:0 10px}.lesson-plan-hero{padding:60px 0}.lesson-plan-title{font-size:2rem}.hero-stats{flex-direction:column;gap:15px}}.survey-analytics{width:100%;padding:0;background:transparent}.analytics-header{text-align:center;margin-bottom:48px;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 20px}.analytics-header h2{font-size:2.4rem;color:var(--color-text);margin-bottom:12px;font-weight:400;letter-spacing:0}.analytics-header p{font-size:.95rem;color:#5f6368;max-width:700px;margin:0 auto;line-height:1.5}.filters-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px auto 16px;max-width:1000px;padding:20px 24px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #3c40431f;border:1px solid #dadce0}.filter-item{display:flex;flex-direction:column;gap:8px}.filter-item label{font-size:.75rem;color:#5f6368;font-weight:500;letter-spacing:.025em}.filter-item select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f8f9fa;border:1px solid #dadce0;border-radius:4px;padding:10px 12px;font-size:.875rem;color:#202124;outline:none;transition:all .15s ease;cursor:pointer;font-weight:400}.filter-item select:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 2px 4px #d2691e26}.clear-btn{align-self:end;height:40px;padding:0 16px;border:1px solid #dadce0;background:#fff;color:#5f6368;border-radius:4px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .15s ease}.clear-btn:hover{border-color:#dadce0;background:#f8f9fa;color:#202124}.filters-meta{margin-top:8px;font-size:.875rem;color:#5f6368;font-weight:400}.analytics-section{margin-bottom:64px;max-width:1400px;margin-left:auto;margin-right:auto;padding:0 20px;background:transparent}.section-title{font-size:1.75rem;color:#3c4043;margin:0 0 24px;padding:16px 0;font-weight:500;text-align:left;font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.01em;border-bottom:2px solid #e8eaed;position:relative}.section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--color-primary)}.charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;width:100%}.chart-container{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #3c40431f;transition:box-shadow .15s ease;border:1px solid #dadce0;overflow:visible;display:flex;flex-direction:column;min-height:420px}.chart-container:hover{box-shadow:0 2px 8px #3c404326}.chart-container-full{background:#fff;padding:32px;border-radius:8px;box-shadow:0 1px 3px #3c40431f;margin:0;border:1px solid #dadce0;overflow:visible;display:flex;flex-direction:column;min-height:480px}.chart-container h4,.chart-container-full h4{font-size:.875rem;color:#3c4043;margin:0 0 20px;padding:0 0 12px;font-weight:500;text-align:left;text-transform:none;letter-spacing:0;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;border-bottom:1px solid #e8eaed}.chart-content{flex:1;padding:0;display:flex;align-items:center;justify-content:center;min-height:380px}.recharts-pie-label-text{font-size:.75rem;font-weight:500;fill:#202124}.recharts-legend-item-text{color:#5f6368!important;font-size:.75rem;font-weight:400}.recharts-cartesian-axis-tick-value{font-size:.75rem;fill:#5f6368;font-weight:400}.recharts-text{font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.custom-tooltip{background:#fff;padding:12px;border:none;border-radius:4px;box-shadow:0 2px 8px #3c40434d;border:1px solid #dadce0}.custom-tooltip .label{font-weight:500;color-range:#202124;margin-bottom:4px;font-size:.875rem}.custom-tooltip .value{color:var(--color-primary);font-weight:500;margin-bottom:2px;font-size:.875rem}.custom-tooltip .percentage{color:#5f6368;font-size:.75rem;font-weight:400}.chart-empty{width:100%;min-height:220px;display:flex;align-items:center;justify-content:center;color:#5f6368;background:#fafafa;border:1px dashed #dadce0;border-radius:8px;font-size:.9rem}.no-data{text-align:center;padding:60px 40px;background:#f8f9fa;border-radius:8px;border:1px solid #dadce0;margin:40px 0}.no-data p{font-size:.875rem;color:#5f6368;max-width:600px;margin:0 auto;line-height:1.5}@media (max-width: 1280px){.charts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.analytics-header{padding:0 16px;margin-bottom:40px}.analytics-header h2{font-size:1.75rem}.analytics-header p{font-size:.875rem}.analytics-section{padding:0 16px;margin-bottom:40px}.section-title{font-size:1.25rem;margin-bottom:20px}.filters-bar{grid-template-columns:1fr;gap:12px;padding:16px}.clear-btn{height:40px;font-size:.875rem;width:100%}.charts-grid{grid-template-columns:1fr;gap:16px}.chart-container,.chart-container-full{padding:16px}.chart-content{min-height:240px}.chart-container h4,.chart-container-full h4{font-size:.75rem;margin-bottom:12px}}@media (max-width: 480px){.analytics-header h2{font-size:1.5rem}.section-title{font-size:1.125rem}.chart-content{min-height:220px}}.live-data-page{min-height:100vh;background:linear-gradient(180deg,var(--color-muted-surface) 0%,var(--color-surface) 20%,var(--color-muted-surface) 100%)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:60px 20px}.loading-spinner{width:60px;height:60px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:var(--color-text);font-size:1.2rem;margin-top:20px;font-weight:500}.error-container{color:#dc3545}.error-container h2{color:#dc3545;font-size:2.2rem;margin-bottom:20px;font-weight:700}.error-container p{font-size:1.1rem;margin-bottom:24px;color:var(--color-muted-text)}.analytics-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:120px 20px 80px;margin-bottom:60px;position:relative;overflow:hidden}.analytics-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:1}.hero-icon{margin-bottom:40px;opacity:.9}.hero-icon svg{color:#fff;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.hero-content h1{color:#fff;font-size:4rem;font-weight:900;margin-bottom:24px;letter-spacing:-.03em;line-height:1.1;text-shadow:0 4px 12px rgba(0,0,0,.3)}.hero-content p{color:#fffffff2;font-size:1.4rem;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6;font-weight:400;text-shadow:0 2px 8px rgba(0,0,0,.2)}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;max-width:1000px;margin:0 auto}.stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:36px 24px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fff9,#fff3);border-radius:20px 20px 0 0}.stat-card:hover{background:#ffffff40;transform:translateY(-8px);box-shadow:0 16px 48px #00000040}.stat-value{font-size:3.2rem;font-weight:900;color:#fff;margin-bottom:12px;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.3)}.stat-label{font-size:1rem;color:#ffffffe6;text-transform:uppercase;letter-spacing:.08em;font-weight:600;line-height:1.3}.refresh-section{max-width:1200px;margin:50px auto 0;display:flex;justify-content:center}.refresh-btn{background:#fff3;border:2px solid rgba(255,255,255,.4);color:#fff;padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.refresh-btn:hover:not(:disabled){background:#ffffff4d;border-color:#fff9;transform:translateY(-3px);box-shadow:0 8px 24px #0003}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn svg{animation:spin 2s linear infinite}@media (max-width: 1024px){.analytics-hero{padding:100px 20px 70px}.hero-content h1{font-size:3.2rem}.hero-content p{font-size:1.3rem;margin-bottom:50px}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px}}@media (max-width: 768px){.analytics-hero{padding:80px 16px 60px;margin-bottom:40px}.hero-content h1{font-size:2.6rem}.hero-content p{font-size:1.2rem;margin-bottom:40px}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.stat-card{padding:28px 20px}.stat-value{font-size:2.8rem}.stat-label{font-size:.9rem}.refresh-btn{padding:14px 28px;font-size:.95rem}}@media (max-width: 480px){.analytics-hero{padding:60px 16px 50px}.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1.1rem}.stats-overview{grid-template-columns:1fr;gap:20px;max-width:300px}.stat-card{padding:24px 20px}.stat-value{font-size:2.4rem}.stat-label{font-size:.85rem}.refresh-btn{padding:12px 24px;font-size:.9rem;gap:8px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.stat-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}}@media (prefers-reduced-motion: reduce){.refresh-btn svg{animation:none}.stat-card,.refresh-btn{transition:none}.stat-card:hover{transform:none}}:root{--color-bg: #0b1020;--color-surface: #ffffff;--color-muted-surface: #f8f9fa;--color-primary: #d2691e;--color-primary-dark: #b85c1a;--color-secondary: #daa520;--color-accent: #cd853f;--color-text: #1a1a1a;--color-muted-text: #6c757d;--color-border: #e9ecef}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg)}#root{width:100%;height:100vh}