.top-names-section{padding:var(--space-12)var(--space-4);background-color:var(--bg-tertiary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.top-names-container{max-width:1000px;margin:0 auto}.top-names-header{text-align:center;margin-bottom:var(--space-10);padding:0 var(--space-4)}.top-names-header h2{font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.top-names-header p{color:var(--text-secondary);font-size:var(--text-lg)}.top-names-grid{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.names-column{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base);overflow:hidden}.names-column:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.column-header{padding:var(--space-6);text-align:center}.names-column.male .column-header{background:linear-gradient(135deg,#3f95d41a,#0000)}.names-column.female .column-header{background:linear-gradient(135deg,#d43f951a,#0000)}.column-header h3{font-size:var(--text-xl);margin:0;font-weight:600}.names-column.male h3{color:var(--primary-blue)}.names-column.female h3{color:var(--primary-pink)}.names-list{margin:0;padding:0;list-style:none}.name-item{padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast);align-items:center;display:flex}.name-item:last-child{border-bottom:none}.name-item:hover{background-color:var(--bg-secondary)}.rank{font-family:var(--font-mono);color:var(--text-tertiary);width:32px;font-weight:700;font-size:var(--text-sm)}.name-item:nth-child(-n+3) .rank{color:var(--text-primary)}.name{font-weight:500;font-size:var(--text-lg);color:var(--text-primary)}@media (max-width:768px){.top-names-grid{gap:var(--space-6);grid-template-columns:1fr}.top-names-header h2{font-size:var(--text-2xl)}}