body { background: #0a0f1e; font-family: 'Arial', sans-serif; color: white; padding: 20px; margin: 0; }
    .container { max-width: 1400px; margin: auto; background: #141b2b; padding: 20px; border-radius: 10px; }
    .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap; }
    .logo { font-size: 28px; font-weight: bold; color: #fff; }
    .search { background: #1e2a3a; padding: 10px 20px; border-radius: 30px; color: #aaa; }
    .calculator { background: #1e2a3a; padding: 10px 20px; border-radius: 10px; display: flex; gap: 10px; }
    .calculator input { width: 60px; background: #2a3a4a; border: none; color: white; padding: 5px; border-radius: 5px; }
    .profile { display: flex; gap: 20px; margin-bottom: 20px; flex-wrap: wrap; }
    .left { flex: 1; min-width: 300px; background: #1e2a3a; padding: 20px; border-radius: 10px; }
    .right { flex: 2; min-width: 400px; background: #1e2a3a; padding: 20px; border-radius: 10px; }
    .avatar-section { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }
    .avatar { width: 80px; height: 80px; border-radius: 50%; background: #2a3a4a; display: flex; align-items: center; justify-content: center; font-size: 40px; }
    .info h2 { margin: 0; font-size: 28px; }
    .info .title { color: #f0b90b; }
    .nationality { margin: 10px 0; font-size: 18px; }
    .stats-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin-top: 20px; }
    .stat-item { background: #2a3a4a; padding: 10px; border-radius: 5px; text-align: center; }
    .stat-label { color: #aaa; font-size: 12px; }
    .stat-value { font-size: 20px; font-weight: bold; }
    .chart-placeholder { background: #2a3a4a; height: 200px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; flex-direction: column; }
    .legend { display: flex; gap: 20px; margin-top: 10px; }
    .legend span::before { content: ''; display: inline-block; width: 12px; height: 12px; border-radius: 2px; margin-right: 5px; }
    .blue::before { background: #3498db; }
    .red::before { background: #e74c3c; }
    .tournament-table { background: #1e2a3a; padding: 20px; border-radius: 10px; margin-top: 20px; overflow-x: auto; }
    .table-header { display: grid; grid-template-columns: 100px 2fr 100px 80px 150px; padding: 10px; background: #2a3a4a; font-weight: bold; border-radius: 5px; margin-bottom: 5px; }
    .table-row { display: grid; grid-template-columns: 100px 2fr 100px 80px 150px; padding: 10px; border-bottom: 1px solid #2a3a4a; }
    .table-row:hover { background: #2a3a4a; }
    .featured { background: #1e2a3a; padding: 15px; border-radius: 10px; margin-top: 20px; }
    .featured h3 { margin-top: 0; }
    .featured-item { padding: 5px 0; border-bottom: 1px solid #2a3a4a; }
    .footer { text-align: right; color: #aaa; margin-top: 20px; font-size: 12px; }