.about-page {
width: 1000px; margin: 0 auto; padding: 20px;
}
.about-page h1 {
font-size: 2rem; margin-bottom: 30px; color: #fff;
border-bottom: 2px solid #4a90e2; padding-bottom: 10px;
}
.about-section {
background: #26314e; padding: 20px; border-radius: 8px;
margin-bottom: 20px;
}
.about-section h2 {
font-size: 1.4rem; color: #4a90e2; margin-bottom: 15px;
}
.about-section p {
color: #ccc; line-height: 1.6; margin-bottom: 10px;
}
.about-section ul {
color: #ccc; line-height: 1.8; padding-left: 20px;
}
.about-section li {
margin-bottom: 8px;
}
.about-section a {
color: #eec; line-height: 1.8; padding: 10px;
}
.back-btn {
padding: 8px 16px; background: #007bff; color: #fff;
text-decoration: none; border-radius: 4px;
}
.back-btn:hover { background: #0056b3; }

@media (max-width: 1024px) {
.about-page { width: 100%; padding: 10px; }
}