/* About Page Enhanced Styles */
        .page-header { text-align: center; padding: 4rem 1rem 3rem; background: linear-gradient(to bottom, #f7fafc, #ffffff); }
        .page-title { font-size: 2.8rem; color: #1a202c; margin-bottom: 1rem; font-weight: 800; letter-spacing: -0.025em; }
        .page-subtitle { font-size: 1.25rem; color: #4a5568; max-width: 800px; margin: 0 auto; line-height: 1.6; }
        .about-content { max-width: 900px; margin: 0 auto; padding: 2rem 1.5rem; }
        .content-section { margin-bottom: 4rem; }
        .section-header { font-size: 1.8rem; color: #2d3748; margin-bottom: 1.5rem; padding-bottom: 0.75rem; border-bottom: 3px solid #4299e1; display: inline-block; }
        .section-content { color: #4a5568; line-height: 1.8; font-size: 1.1rem; }
        .section-content p { margin-bottom: 1.5rem; }
        .highlight-box { background: #ebf8ff; padding: 2.5rem; border-radius: 12px; border-left: 5px solid #3182ce; margin: 2.5rem 0; }
        .highlight-box h3 { color: #2a4365; margin-top: 0; margin-bottom: 1rem; }
        .tech-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin: 3rem 0; }
        .tech-card { background: #ffffff; padding: 2rem; border-radius: 10px; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); transition: transform 0.2s; }
        .tech-card:hover { transform: translateY(-5px); }
        .tech-card h3 { color: #2d3748; margin-bottom: 1rem; border-bottom: 1px solid #edf2f7; padding-bottom: 0.5rem; }
        .faq-item { background: #f8fafc; padding: 1.5rem; border-radius: 8px; margin-bottom: 1rem; border: 1px solid #e2e8f0; }
        .faq-item h3 { font-size: 1.15rem; color: #2c5282; margin-bottom: 0.5rem; }
        
        @media (max-width: 768px) {
            .page-title { font-size: 2.2rem; }
            .section-header { font-size: 1.5rem; }
        }