:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--secondary-color: #7c3aed;--accent-color: #06b6d4;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--text-dark: #1f2937;--text-light: #6b7280;--text-white: #ffffff;--bg-light: #f8fafc;--bg-white: #ffffff;--bg-dark: #1e293b;--border-light: #e5e7eb;--border-medium: #d1d5db;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);--gradient-tech: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-color) 0%, var(--success-color) 100%)}*{box-sizing:border-box}body{font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--bg-white)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem;color:var(--text-dark)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.lead{font-size:1.25rem;font-weight:400;color:var(--text-light);margin-bottom:2rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-block;padding:0.75rem 1.5rem;border-radius:0.5rem;text-decoration:none;font-weight:600;text-align:center;transition:all 0.3s ease;border:2px solid transparent;cursor:pointer;font-size:1rem}.btn-primary{background:var(--gradient-tech);color:var(--text-white);border-color:var(--primary-color)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--text-white)}.btn-secondary{background-color:var(--bg-white);color:var(--text-dark);border-color:var(--border-medium)}.btn-secondary:hover{background-color:var(--bg-light);transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--text-dark)}.btn-outline{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:var(--text-white)}.btn-small{padding:0.5rem 1rem;font-size:0.875rem}.hero-section{background:var(--gradient-tech);color:var(--text-white);padding:4rem 0;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:4rem}.hero-content{padding:0 2rem}.hero-title{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg, #fff 30%, #93c5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:0.9}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-image img{width:100%;height:auto;border-radius:1rem;box-shadow:var(--shadow-xl)}.about-hero,.programs-hero,.outreach-hero,.resources-hero,.sponsors-hero,.contact-hero{text-align:center;padding:3rem 0;background:linear-gradient(135deg, var(--bg-light) 0%, var(--bg-white) 100%);margin-bottom:3rem}.about-hero h1,.programs-hero h1,.outreach-hero h1,.resources-hero h1,.sponsors-hero h1,.contact-hero h1{background:var(--gradient-tech);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:3rem;margin-bottom:1rem}.card{background:var(--bg-white);border-radius:1rem;padding:2rem;box-shadow:var(--shadow-md);transition:all 0.3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.programs-preview{padding:4rem 0;background-color:var(--bg-light)}.programs-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin-top:3rem}.program-card{background:var(--bg-white);border-radius:1rem;padding:2rem;text-align:center;box-shadow:var(--shadow-md);transition:all 0.3s ease}.program-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.program-icon{font-size:3rem;margin-bottom:1rem;display:block}.program-card h3{color:var(--primary-color);margin-bottom:1rem}.photo-gallery{padding:4rem 0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem;margin-top:2rem}.gallery-item{position:relative;overflow:hidden;border-radius:0.5rem;aspect-ratio:4/3;transition:transform 0.3s ease}.gallery-item:hover{transform:scale(1.05)}.gallery-item img{width:100%;height:100%;object-fit:cover}.mission-section{background:var(--gradient-tech);color:var(--text-white);padding:4rem 0;text-align:center}.mission-text{font-size:1.25rem;max-width:800px;margin:0 auto 3rem;line-height:1.8}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;margin-top:3rem}.stat-item{text-align:center}.stat-number{font-size:3rem;font-weight:800;display:block;background:linear-gradient(45deg, #fff 30%, #93c5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:1rem;opacity:0.9;margin-top:0.5rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin:3rem 0}.value-card{background:var(--bg-white);border-radius:1rem;padding:2rem;text-align:center;box-shadow:var(--shadow-md);border-left:4px solid var(--primary-color);transition:all 0.3s ease}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.value-icon{font-size:3rem;margin-bottom:1rem;display:block}.value-card h3{color:var(--primary-color);margin-bottom:1rem}.leadership-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:3rem;margin:3rem 0}.bio-card{background:var(--bg-white);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-lg);transition:all 0.3s ease}.bio-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.bio-image{height:300px;overflow:hidden}.bio-image img{width:100%;height:100%;object-fit:cover}.bio-content{padding:2rem}.bio-title{color:var(--secondary-color);font-weight:600;margin-bottom:1rem}.bio-skills{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem}.skill-tag{background:var(--gradient-accent);color:var(--text-white);padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.875rem;font-weight:500}.program-section{margin:4rem 0;padding:3rem 0;border-bottom:1px solid var(--border-light)}.program-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}.program-image{position:sticky;top:2rem}.program-image img{width:100%;border-radius:1rem;box-shadow:var(--shadow-lg)}.timeline{margin:2rem 0}.timeline-item{padding:1rem;margin:1rem 0;background:var(--bg-light);border-radius:0.5rem;border-left:4px solid var(--primary-color)}.timeline-item.completed{background:#d1fae5;border-left-color:var(--success-color)}.timeline-item.current{background:#fef3c7;border-left-color:var(--warning-color)}.timeline-item.upcoming{background:#e0e7ff;border-left-color:var(--primary-color)}.workshop-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;margin:2rem 0}.workshop-card{background:var(--bg-white);border-radius:0.75rem;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all 0.3s ease}.workshop-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.workshop-card h5{color:var(--primary-color);margin-bottom:0.5rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin:3rem 0}.event-card{background:var(--bg-white);border-radius:1rem;padding:2rem;text-align:center;box-shadow:var(--shadow-md);transition:all 0.3s ease}.event-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.event-card h3{color:var(--secondary-color);margin-bottom:1rem}.impact-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;margin:3rem 0;padding:3rem 0;background:var(--gradient-tech);border-radius:1rem;color:var(--text-white);text-align:center}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;margin:3rem 0}.testimonial-card{background:var(--bg-white);border-radius:1rem;padding:2rem;box-shadow:var(--shadow-md);border-left:4px solid var(--accent-color);position:relative}.testimonial-card p{font-style:italic;margin-bottom:1rem;color:var(--text-dark)}.testimonial-card cite{color:var(--text-light);font-weight:600;font-style:normal}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin:3rem 0}.contact-form-container{background:var(--bg-white);border-radius:1rem;padding:2rem;box-shadow:var(--shadow-lg)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;font-weight:600;color:var(--text-dark)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:0.75rem;border:2px solid var(--border-light);border-radius:0.5rem;font-size:1rem;transition:border-color 0.3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.checkbox-group{display:flex;align-items:center;gap:0.5rem}.checkbox-group input[type="checkbox"]{width:auto}.info-card,.hours-card{background:var(--bg-white);border-radius:1rem;padding:2rem;box-shadow:var(--shadow-md);margin-bottom:2rem}.hours-grid{display:grid;gap:1rem;margin-top:1rem}.day-hours{padding:1rem;background:var(--bg-light);border-radius:0.5rem}.social-links{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem;margin:2rem 0}.social-link{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-white);border-radius:0.75rem;box-shadow:var(--shadow-sm);text-decoration:none;color:var(--text-dark);transition:all 0.3s ease}.social-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--text-dark)}.social-icon{font-size:2rem;min-width:3rem;text-align:center}.social-info strong{display:block;color:var(--primary-color);font-weight:600}.social-info span{color:var(--text-light);font-size:0.875rem}.sponsorship-tiers{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin:3rem 0}.tier-card{border-radius:1rem;padding:2rem;box-shadow:var(--shadow-lg);transition:all 0.3s ease}.tier-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.tier-card.platinum{background:linear-gradient(135deg, #e5e7eb 0%, #f3f4f6 100%);border:3px solid #9ca3af}.tier-card.gold{background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);border:3px solid #f59e0b}.tier-card.silver{background:linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);border:3px solid #64748b}.tier-card.bronze{background:linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);border:3px solid #ea580c}.tier-header{text-align:center;margin-bottom:2rem}.tier-amount{font-size:1.5rem;font-weight:800;color:var(--primary-color)}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;margin:3rem 0}.quick-link-card{background:var(--bg-white);border-radius:1rem;padding:2rem;box-shadow:var(--shadow-lg);transition:all 0.3s ease}.quick-link-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.cta-section,.volunteer-cta,.contact-cta,.become-sponsor-cta{text-align:center;padding:4rem 2rem;background:var(--gradient-tech);color:var(--text-white);border-radius:1rem;margin:4rem 0}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}.site-header{background:var(--bg-white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;min-height:80px}.navbar{padding:1rem 0}.navbar .container{display:flex;justify-content:space-between;align-items:center;position:relative}.nav-brand{display:flex;align-items:center}.brand-link{display:flex;align-items:center;gap:0.75rem;text-decoration:none;color:var(--text-dark);font-weight:700;font-size:1.5rem}.brand-logo{height:40px;width:auto}.brand-text{background:var(--gradient-tech);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-links{display:flex;gap:1.5rem}.nav-link{text-decoration:none;color:var(--text-dark);font-weight:500;padding:0.5rem 0;transition:color 0.3s ease;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary-color)}.nav-link.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--gradient-tech);border-radius:1px}.nav-toggle{display:none;flex-direction:column;cursor:pointer;padding:0.5rem}.nav-toggle span{width:25px;height:3px;background:var(--text-dark);margin:2px 0;border-radius:1px;transition:all 0.3s ease}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px, -6px)}.site-footer{background:var(--bg-dark);color:var(--text-white);padding:4rem 0 2rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin-bottom:3rem}.footer-section h3,.footer-section h4{color:var(--text-white);margin-bottom:1rem}.footer-section h3{background:var(--gradient-tech);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:0.5rem}.footer-links a{color:#9ca3af;text-decoration:none;transition:color 0.3s ease}.footer-links a:hover{color:var(--text-white)}.social-icons{display:flex;gap:1rem;margin-top:1rem}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-color);color:var(--text-white);border-radius:50%;text-decoration:none;transition:all 0.3s ease}.social-icon:hover{background:var(--primary-dark);transform:translateY(-2px)}.contact-info p{margin-bottom:0.5rem;color:#9ca3af}.contact-info a{color:var(--text-white);text-decoration:none}.footer-bottom{border-top:1px solid #374151;padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-legal p,.footer-credits p{color:#9ca3af;margin:0;font-size:0.875rem}@media (max-width: 768px){.nav-toggle{display:flex}.nav-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-white);flex-direction:column;align-items:stretch;padding:0 2rem;box-shadow:var(--shadow-lg);border-top:1px solid var(--border-light);z-index:999;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.nav-menu.active{max-height:500px;opacity:1;transform:translateY(0);padding:2rem}.nav-links{flex-direction:column;gap:1rem;margin-bottom:0;opacity:0;transform:translateY(-20px);transition:all 0.3s ease 0.1s}.nav-menu.active .nav-links{opacity:1;transform:translateY(0)}.nav-actions{opacity:0;transform:translateY(-20px);transition:all 0.3s ease 0.2s}.nav-menu.active .nav-actions{opacity:1;transform:translateY(0)}.nav-link{padding:.25rem 0;border-bottom:1px solid var(--border-light);opacity:0;animation:slideInDown 0.3s ease forwards}.nav-menu.active .nav-link:nth-child(1){animation-delay:0.1s}.nav-menu.active .nav-link:nth-child(2){animation-delay:0.15s}.nav-menu.active .nav-link:nth-child(3){animation-delay:0.2s}.nav-menu.active .nav-link:nth-child(4){animation-delay:0.25s}.nav-menu.active .nav-link:nth-child(5){animation-delay:0.3s}.nav-menu.active .nav-link:nth-child(6){animation-delay:0.35s}.nav-menu.active .nav-link:nth-child(7){animation-delay:0.4s}.footer-bottom{flex-direction:column;text-align:center}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.card,.program-card,.event-card{animation:fadeInUp 0.6s ease-out}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:0.25rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:2rem}.img-responsive{max-width:100%;height:auto}