* { margin: 0; padding: 0; box-sizing: border-box;}body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; line-height: 1.6; color: #1a1a1a; overflow-x: hidden;}/* Navigation */.navbar { position: fixed; top: 0; left: 0; right: 0; background: white; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); z-index: 1000; padding: 15px 0;}.logo { max-width: 1200px; margin: 0 auto; padding: 0 50px; display: flex; justify-content: center; align-items: center;}.logo img { height: 60px; width: auto; object-fit: contain; transition: transform 0.3s ease;}.logo a { display: inline-block;}.logo img:hover { transform: scale(1.05);}/* Hero Banner */.hero-banner { background: linear-gradient(135deg, #667eea 0%, #764ba2 35%, #f093fb 70%, #4bc0c8 100%); padding: 150px 50px 100px; text-align: center; color: white; position: relative; overflow: hidden;}.hero-banner::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.15) 0%, transparent 60%), radial-gradient(circle at 80% 70%, rgba(255,255,255,0.1) 0%, transparent 50%);}.hero-content { position: relative; z-index: 1; max-width: 900px; margin: 0 auto;}.hero-content h1 { font-size: 3.5rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3); line-height: 1.1;}.hero-subtitle { font-size: 1.4rem; opacity: 0.95; font-weight: 500; text-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);}/* Product Details Section */.product-details { background: white; padding: 120px 50px 80px; margin-top: 70px;}.container { max-width: 1200px; margin: 0 auto;}.main-heading { text-align: center; margin-bottom: 50px;}.main-heading h1 { font-size: 4rem; font-weight: 900; color: #7c3aed; letter-spacing: -1px; line-height: 1.1; margin: 0;}.product-header { text-align: center; margin-bottom: 70px; max-width: 1000px; margin-left: auto; margin-right: auto;}.product-header h2 { font-size: 2.8rem; font-weight: 900; color: #1a1a1a; margin-bottom: 20px; line-height: 1.2; background: linear-gradient(135deg, #fefefe 0%, #f9fafb 100%); padding: 30px 40px; border-radius: 20px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); border: 2px solid #e5e7eb;}.product-header h2 sup { font-size: 0.5em; vertical-align: super;}.product-header .subtitle { font-size: 1.4rem; color: #4b5563; font-weight: 600; margin-bottom: 15px; line-height: 1.4; background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); padding: 20px 30px; border-radius: 16px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06); border: 2px solid #cbd5e1;}.product-header .location { font-size: 1.2rem; color: #7c3aed; font-weight: 700; margin-bottom: 30px; line-height: 1.4; background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%); padding: 20px 30px; border-radius: 16px; box-shadow: 0 3px 12px rgba(124, 58, 237, 0.1); border: 2px solid #e9d5ff;}.short-description { font-size: 1.15rem; color: #4b5563; line-height: 1.8; max-width: 900px; margin: 0 auto; font-weight: 500; background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%); padding: 25px 35px; border-radius: 18px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); border: 2px solid #d1d5db; text-align: center;}/* Key Features */.key-features { margin-bottom: 80px;}.key-features h3 { font-size: 2.2rem; font-weight: 800; color: #1a1a1a; text-align: center; margin-bottom: 50px;}.features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px;}.feature-card { background: #f8fafc; border-radius: 20px; padding: 35px 30px; transition: all 0.3s ease; border: 2px solid transparent; text-align: center;}.feature-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(124, 58, 237, 0.15); border-color: #7c3aed; background: white;}.feature-icon { font-size: 3rem; margin-bottom: 20px; display: block;}.feature-card h4 { font-size: 1.3rem; font-weight: 700; color: #1a1a1a; margin-bottom: 15px;}.feature-card p { font-size: 1rem; color: #64748b; line-height: 1.7;}/* Curriculum Section */.curriculum-section { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); border-radius: 20px; padding: 50px 40px; margin-bottom: 80px;}.curriculum-section h3 { font-size: 2.2rem; font-weight: 800; color: #1a1a1a; text-align: center; margin-bottom: 40px;}.subjects-list { display: flex; flex-direction: column; gap: 20px; max-width: 800px; margin: 0 auto;}.subject-item { background: white; padding: 25px 30px; border-radius: 15px; border-left: 5px solid #7c3aed; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); font-size: 1.05rem; color: #374151; line-height: 1.6; transition: all 0.3s ease;}.subject-item:hover { transform: translateX(10px); box-shadow: 0 8px 25px rgba(124, 58, 237, 0.15);}.subject-item strong { color: #7c3aed; font-weight: 700;}/* CTA Section */.cta-section { text-align: center; padding: 60px 40px; background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #ec4899 100%); border-radius: 25px; color: white;}.cta-section h3 { font-size: 2.5rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);}.cta-section p { font-size: 1.2rem; margin-bottom: 35px; opacity: 0.95;}.enroll-btn { display: inline-block; background: white; color: #7c3aed; padding: 18px 45px; border-radius: 30px; text-decoration: none; font-weight: 800; font-size: 1.2rem; transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);}.enroll-btn:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);}/* Footer */footer { background: #1e293b; color: white; text-align: center; padding: 40px 20px;}footer p { margin: 5px 0; opacity: 0.9;}/* Mobile Responsive */@media (max-width: 768px) { .hero-content h1 { font-size: 2.2rem; } .hero-subtitle { font-size: 1.1rem; } .hero-banner { padding: 120px 20px 60px; } .product-details { padding: 60px 20px; } .main-heading h1 { font-size: 2.5rem; } .product-header { margin-bottom: 50px; } .product-header h2 { font-size: 1.6rem; background: linear-gradient(135deg, #fefefe 0%, #f9fafb 100%); padding: 20px 15px; border-radius: 15px; margin-bottom: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); border: 2px solid #e5e7eb; } .product-header .subtitle { font-size: 1rem; background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); padding: 15px; border-radius: 12px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06); border: 2px solid #cbd5e1; color: #4b5563; } .product-header .location { font-size: 0.95rem; background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%); padding: 15px; border-radius: 12px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(124, 58, 237, 0.1); border: 2px solid #e9d5ff; } .short-description { font-size: 0.9rem; padding: 18px 15px; background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%); border-radius: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); border: 2px solid #d1d5db; color: #4b5563; } .key-features h3, .curriculum-section h3 { font-size: 1.8rem; } .features-grid { grid-template-columns: 1fr; gap: 20px; padding: 0 10px; } .feature-card { padding: 25px 20px; max-width: 100%; } .feature-card h4 { font-size: 1.1rem; } .feature-card p { font-size: 0.95rem; } .curriculum-section { padding: 40px 25px; } .subject-item { padding: 20px; font-size: 0.95rem; } .cta-section { padding: 40px 25px; } .cta-section h3 { font-size: 1.8rem; } .cta-section p { font-size: 1rem; } .enroll-btn { padding: 16px 35px; font-size: 1.1rem; } .logo { padding: 0 20px; } .logo img { height: 45px; }}