body { background: #1a1a1a; color: #f5f5f5; font-family: 'Segoe UI', Arial, sans-serif; margin: 0; }
h1 { text-align: center; color: #e10600; margin-top: 30px; }
.tabs { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px; }
.tab { padding: 10px 20px; margin: 0 5px; background: #222; color: #f5f5f5; border-radius: 8px 8px 0 0; cursor: pointer; border: none; outline: none; font-size: 1.1em; transition: background 0.2s; }
.tab.active { background: #e10600; color: #fff; font-weight: bold; }
.profile { display: none; background: #222; border-radius: 0 8px 8px 8px; box-shadow: 0 2px 8px #111; padding: 30px; max-width: 600px; margin: 0 auto 30px; }
.profile.active { display: block; }
.profile img { float: right; width: 120px; height: 120px; object-fit: cover; border-radius: 50%; margin-left: 20px; border: 3px solid #e10600; }
.info { overflow: hidden; }
.label { font-weight: bold; color: #e10600; }
.ecurie { font-style: italic; color: #00bfae; }
@media (max-width: 700px) { .profile { padding: 10px; } .profile img { width: 80px; height: 80px; } .tab { font-size: 1em; padding: 7px 10px; } }