| /* src/styles/About.css */ | |
| .about-page { | |
| background-color: #0F172A; | |
| color: #F8FAFC; | |
| font-family: 'Inter', sans-serif; | |
| padding-bottom: 60px; | |
| } | |
| .about-hero { | |
| padding: 80px 60px 40px 60px; | |
| background-color: #1E293B; | |
| text-align: center; | |
| } | |
| .about-title { | |
| font-size: 40px; | |
| font-weight: bold; | |
| margin-bottom: 20px; | |
| } | |
| .about-subtitle { | |
| font-size: 18px; | |
| color: #CBD5E1; | |
| max-width: 600px; | |
| margin: 0 auto; | |
| } | |
| .about-content { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 32px; | |
| padding: 40px 60px; | |
| justify-content: center; | |
| } | |
| .about-card { | |
| background-color: #1F2937; | |
| padding: 32px; | |
| border-radius: 16px; | |
| width: 500px; | |
| box-shadow: 0 0 10px rgba(0, 255, 160, 0.05); | |
| } | |
| .about-card h2 { | |
| font-size: 24px; | |
| margin-bottom: 16px; | |
| } | |
| .about-card p, | |
| .about-card ul { | |
| font-size: 16px; | |
| color: #CBD5E1; | |
| line-height: 1.6; | |
| } | |
| .about-card li { | |
| margin-bottom: 8px; | |
| } | |