body { margin: 0; font-family: Arial, sans-serif; background: #f7f7f7; color: #333; }
.hero, .sub-header { text-align: center; padding: 40px; background: #111; color: #fff; }
nav a { margin: 0 15px; color: #fff; text-decoration: none; font-weight: bold; }
.profile-pic { width: 160px; border-radius: 50%; margin-bottom: 20px; }
.content { max-width: 900px; margin: auto; background: white; padding: 30px; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.info-list li { margin-bottom: 10px; }
.stats-table { width: 100%; border-collapse: collapse; }
.stats-table th, .stats-table td { padding: 10px; border-bottom: 1px solid #ccc; }
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; padding: 20px; }
.gallery-grid img { width: 100%; border-radius: 10px;}
footer { padding: 20px; text-align: center; background: #111; color: white; margin-top: 40px;}